diff --git a/app/layout.tsx b/app/layout.tsx
index d160d05..21e14f5 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -44,7 +44,7 @@ export default function RootLayout({
       <body className={`min-h-full flex flex-col bg-[#f5f5f7] text-neutral-900 dark:bg-black dark:text-white ${inter.className}`}>
         <GoogleOAuthProvider clientId="618391854803-gtdbtnf5t78stsmd1724s8c456tfq4lr.apps.googleusercontent.com">
           {/* Ensure attribute="class" is set here */}
-          <ThemeProvider attribute="class" defaultTheme="light" enableSystem>
+          <ThemeProvider attribute="class" defaultTheme="light" enableSystem={true}>
             {children}
           </ThemeProvider>
         </GoogleOAuthProvider>
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 7b66a1e..075c68f 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -24,7 +24,7 @@ export default function AppleStyleAuth() {
   if (!mounted) return null;
 
   return (
-    <div className="relative flex min-h-screen items-center justify-center bg-[#f5f5f7] px-4 transition-colors duration-500 dark:bg-black">
+    <div className="relative flex min-h-screen items-center justify-center bg-[#f5f5f7] px-4 py-10 transition-colors duration-500 dark:bg-black">
       
       {/* THEME TOGGLE BUTTON */}
       <button
