diff --git a/ui/web/src/pages/setup/setup-layout.tsx b/ui/web/src/pages/setup/setup-layout.tsx
index fe92b90e..71fcd063 100644
--- a/ui/web/src/pages/setup/setup-layout.tsx
+++ b/ui/web/src/pages/setup/setup-layout.tsx
@@ -4,8 +4,8 @@ export function SetupLayout({ children }: { children: React.ReactNode }) {
   const { t } = useTranslation("setup");
 
   return (
-    <div className="flex min-h-dvh items-center justify-center bg-background px-4 py-8">
-      <div className="w-full max-w-2xl space-y-6">
+    <div className="flex min-h-dvh items-start justify-center bg-background px-4 py-8 sm:items-center">
+      <div className="w-full max-w-2xl space-y-6 overflow-y-auto max-h-dvh sm:max-h-none">
         <div className="text-center">
           <img src="/goclaw-icon.svg" alt="GoClaw" className="mx-auto mb-4 h-16 w-16" />
           <h1 className="text-4xl font-bold tracking-tight">GoClaw Setup</h1>