diff --git a/src/client/features/auth/AuthPage.tsx b/src/client/features/auth/AuthPage.tsx
index 2a55390..b3dc5dc 100644
--- a/src/client/features/auth/AuthPage.tsx
+++ b/src/client/features/auth/AuthPage.tsx
@@ -67,7 +67,7 @@ export function AuthPageCard({
 
 export function AuthPageShell({ children }: { children: React.ReactNode }) {
   return (
-    <div className="min-h-[100dvh] flex flex-col items-center justify-center p-4 bg-base-100">
+    <div className="min-h-[100dvh] flex flex-col items-center justify-center p-4 bg-base-200">
       {children}
     </div>
   );