diff --git a/src/app/intro/intro-client.tsx b/src/app/intro/intro-client.tsx
index e5c8e4a..fcb8fa9 100644
--- a/src/app/intro/intro-client.tsx
+++ b/src/app/intro/intro-client.tsx
@@ -132,7 +132,17 @@ export default function IntroClient() {
 
       <PageHeader profile={profile} sticky />
 
-      <main className="flex min-h-0 flex-1 flex-col pb-[calc(90px+var(--safe-bottom))] pt-4 text-center">
+      <main
+        style={{
+          minHeight: SHOW_INTRO_VIDEOS
+            ? undefined
+            : "calc(100dvh - 56px - max(12px, calc(var(--safe-top) + 6px)))",
+        }}
+        className={[
+          "flex min-h-0 flex-1 flex-col text-center pb-[calc(90px+var(--safe-bottom))]",
+          SHOW_INTRO_VIDEOS ? "pt-4" : "justify-center",
+        ].join(" ")}
+      >
         <div className="flex flex-col items-center">
           <Image
             src={"/assets/images/Group 1597880466.svg"}