From 327d741d4cd9b22aaf6319ff771f91e13fefe25f Mon Sep 17 00:00:00 2001
From: Ben Senescu <bensenescu@gmail.com>
Date: Wed, 24 Jun 2026 13:45:47 -0400
Subject: [PATCH] Fix onboarding overflow issue

---
 src/client/features/auth/AuthPage.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/client/features/auth/AuthPage.tsx b/src/client/features/auth/AuthPage.tsx
index 85e098c..5d360cb 100644
--- a/src/client/features/auth/AuthPage.tsx
+++ b/src/client/features/auth/AuthPage.tsx
@@ -122,8 +122,12 @@ 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-200">
-      {children}
+    // `h-[100dvh]` + `overflow-y-auto` makes this a scroll container, and the
+    // auto-margin child centers when it fits but stays fully reachable (top and
+    // bottom) when it's taller than the viewport. Plain `justify-center` clips
+    // the overflow with no way to scroll to it.
+    <div className="h-[100dvh] flex flex-col items-center overflow-y-auto p-4 bg-base-200">
+      <div className="m-auto flex w-full flex-col items-center">{children}</div>
     </div>
   );
 }