diff --git a/src/app/auth/layout.tsx b/src/app/auth/layout.tsx
index 729cb80..5aec572 100644
--- a/src/app/auth/layout.tsx
+++ b/src/app/auth/layout.tsx
@@ -6,7 +6,7 @@ export default function AuthLayout({
     children: React.ReactNode;
 }>) {
     return (
-        <div className="flex min-h-screen items-center justify-center">
+        <div className="flex justify-center">
             {children}
         </div>
     );
diff --git a/src/app/auth/signin/page.tsx b/src/app/auth/signin/page.tsx
index f9a8e26..2660cbe 100644
--- a/src/app/auth/signin/page.tsx
+++ b/src/app/auth/signin/page.tsx
@@ -7,7 +7,7 @@ import { URL_SIGN_UP } from '@/lib/constants';
 
 export default async function SignInPage() {
     return (
-        <Card className="w-full max-w-md">
+        <Card className="w-full max-w-md mt-12">
             <CardHeader>
                 <CardTitle>Sign in</CardTitle>
                 <CardDescription>Sign into your existing account</CardDescription>
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 59ffc13..33ef08d 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -7,7 +7,7 @@ import { URL_SIGN_IN } from '@/lib/constants';
 
 export default async function SignUpPage() {
     return (
-        <Card className="w-full max-w-md">
+        <Card className="w-full max-w-md mt-12">
             <CardHeader>
                 <CardTitle>Sign up</CardTitle>
                 <CardDescription>Create a new account.</CardDescription>