diff --git a/client/app/(auth)/layout.jsx b/client/app/(auth)/layout.jsx
index 05de620..df43b69 100644
--- a/client/app/(auth)/layout.jsx
+++ b/client/app/(auth)/layout.jsx
@@ -16,7 +16,7 @@ export default function Layout({ children }) {
         transition={{ ease: 'easeInOut', duration: 0.3 }}
       >
         <div className='h-screen flex justify-center md:items-center md:p-5'>
-          <div className='rounded-[var(--radius)] h-96 w-[50rem] flex flex-col p-10 max-md:gap-y-10 md:bg-zinc-100 md:bg-zinc-900 max-md:border-0'>
+          <div className='rounded-[var(--radius)] h-fit w-[50rem] flex flex-col p-10 max-md:gap-y-10 md:bg-zinc-100 md:bg-zinc-900 max-md:border-0'>
             <Image
               src='/copluk.svg'
               alt='copl.uk logo'
diff --git a/client/app/(auth)/login/page.jsx b/client/app/(auth)/login/page.jsx
index 760e791..ddaa5a4 100644
--- a/client/app/(auth)/login/page.jsx
+++ b/client/app/(auth)/login/page.jsx
@@ -89,7 +89,7 @@ export default function Page() {
       <Form {...form}>
         <form
           onSubmit={form.handleSubmit(onSubmit)}
-          className='basis-1/2 flex flex-col justify-center gap-y-5 w-full h-full'
+          className='basis-1/2 py-10 flex flex-col justify-center gap-y-5 w-full h-full'
         >
           <div className='flex flex-col gap-y-2'>
             <FormField