diff --git a/src/app/(public)/forgot-password/ForgotPasswordClient.tsx b/src/app/(public)/forgot-password/ForgotPasswordClient.tsx
index 2c419cd..95b1172 100644
--- a/src/app/(public)/forgot-password/ForgotPasswordClient.tsx
+++ b/src/app/(public)/forgot-password/ForgotPasswordClient.tsx
@@ -31,7 +31,7 @@ export default function ForgotPasswordClient() {
   };
 
   return (
-    <div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
+    <div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
       {/* Form Section */}
       <div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
         <div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">
diff --git a/src/app/(public)/legal/page.tsx b/src/app/(public)/legal/page.tsx
index 4848eb4..63b7e77 100644
--- a/src/app/(public)/legal/page.tsx
+++ b/src/app/(public)/legal/page.tsx
@@ -81,7 +81,7 @@ function LegalContent() {
       }
 
       return (
-        <div className="max-w-4xl mx-auto px-4 py-12">
+        <div className="max-w-4xl mx-auto px-4 pt-24 sm:pt-32 pb-12">
            <Link href="/legal" className="inline-flex items-center gap-2 text-sm text-gray-500 hover:text-brand-600 mb-8 transition-colors">
                <ArrowRight className="rotate-180" size={16} />
                {t('center_title')}
@@ -122,7 +122,7 @@ function LegalContent() {
 
   // View: Index List
   return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 pb-20">
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 pt-20 pb-20">
        {/* Hero Section */}
        <div className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 py-16 md:py-24 relative overflow-hidden">
           <div className="absolute top-0 left-0 w-full h-full opacity-30 dark:opacity-10 pointer-events-none bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-brand-100 via-transparent to-transparent"></div>
diff --git a/src/app/(public)/reset-password/ResetPasswordClient.tsx b/src/app/(public)/reset-password/ResetPasswordClient.tsx
index 960fd4f..5f72c77 100644
--- a/src/app/(public)/reset-password/ResetPasswordClient.tsx
+++ b/src/app/(public)/reset-password/ResetPasswordClient.tsx
@@ -48,7 +48,7 @@ export default function ResetPasswordClient() {
   };
 
   return (
-    <div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
+    <div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
       <div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
         <div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">
           <div className="mb-5 sm:mb-8">
diff --git a/src/app/(public)/signin/SigninClient.tsx b/src/app/(public)/signin/SigninClient.tsx
index 5b99579..ae3e35f 100644
--- a/src/app/(public)/signin/SigninClient.tsx
+++ b/src/app/(public)/signin/SigninClient.tsx
@@ -75,7 +75,7 @@ export default function SigninClient() {
   };
 
   return (
-    <div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
+    <div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
       {/* Form Section */}
       <div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
         <div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">
diff --git a/src/app/(public)/signup/SignupClient.tsx b/src/app/(public)/signup/SignupClient.tsx
index 9c025da..6ff37ea 100644
--- a/src/app/(public)/signup/SignupClient.tsx
+++ b/src/app/(public)/signup/SignupClient.tsx
@@ -61,7 +61,7 @@ export default function SignupClient() {
   };
 
   return (
-    <div className="relative z-1 bg-white p-6 sm:p-0 dark:bg-gray-900 flex-grow flex">
+    <div className="relative z-1 bg-white pt-24 pb-6 px-6 sm:pt-32 sm:pb-0 sm:px-0 dark:bg-gray-900 flex-grow flex">
       {/* Form Section */}
       <div className="flex w-full flex-1 flex-col lg:w-1/2 justify-center">
         <div className="mx-auto w-full max-w-md pt-5 sm:py-10 px-4 sm:px-0">