diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 1c1ed08..649cd8f 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -20,7 +20,7 @@ export default function LoginPage() {
   };
 
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered 
         navItems={[{ name: "Home", id: "/" }, { name: "Register", id: "/register" }]} 
         brandName="MentorEdge"
@@ -35,6 +35,7 @@ export default function LoginPage() {
           ]}
           buttonText="Login"
           onSubmit={handleLogin}
+          useInvertedBackground={false}
         />
         {error && <p className="text-center text-red-500 mt-4">{error}</p>}
       </div>
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 8d032c4..b1da771 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -20,7 +20,7 @@ export default function RegisterPage() {
   };
 
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered 
         navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }]} 
         brandName="MentorEdge"
@@ -37,6 +37,7 @@ export default function RegisterPage() {
           ]}
           buttonText="Register"
           onSubmit={handleRegister}
+          useInvertedBackground={false}
         />
         {error && <p className="text-center text-red-500 mt-4">{error}</p>}
       </div>