diff --git a/src/components/AppBar.tsx b/src/components/AppBar.tsx
index 0c199d7..9104f74 100644
--- a/src/components/AppBar.tsx
+++ b/src/components/AppBar.tsx
@@ -122,7 +122,7 @@ export function AppBar() {
                           top: 0,
                           left: 0,
                           width: "100dvw",
-                          height: "100dvh",
+                          height: "100vh",
                           borderRadius: 0,
                         }}
                       >
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 1397a93..37eb563 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -14,7 +14,7 @@ export function Hero() {
       alignItems="center"
       sx={{
         maxWidth: "100dvw",
-        height: "80dvh",
+        height: "80svh",
         minHeight: 520,
         textAlign: "center",
         pt: 24,