diff --git a/apps/web/src/Layout.tsx b/apps/web/src/Layout.tsx
index 0ed3ff98e6..15621e8953 100644
--- a/apps/web/src/Layout.tsx
+++ b/apps/web/src/Layout.tsx
@@ -20,7 +20,8 @@ export const Layout = () => {
         base: '"header" "sidebar" "main" "footer" "nav"',
         md: `"header header" "sidebar nav" "sidebar main" "footer main"`,
       }}
-      height={{ md: "100vh", base: "100dvh" }}
+      height={{ md: "100vh" }}
+      minHeight={{ base: "100dvh" }}
       padding={{ md: "20px 46px 0", base: "54px 0 0" }}
       data-testid="signed-in-layout"
     >
diff --git a/apps/web/src/index.scss b/apps/web/src/index.scss
index 8011011cdf..8266261793 100644
--- a/apps/web/src/index.scss
+++ b/apps/web/src/index.scss
@@ -13,7 +13,7 @@ body:before {
   top: 0;
   left: 0;
   right: 0;
-  height: 100vh;
+  min-height: 100%;
 }
 
 code {