diff --git a/packages/web/src/javascripts/App.tsx b/packages/web/src/javascripts/App.tsx
index 6bcd45722..70bf42a37 100644
--- a/packages/web/src/javascripts/App.tsx
+++ b/packages/web/src/javascripts/App.tsx
@@ -66,7 +66,10 @@ const startApplication: StartApplication = async function startApplication(
     root = createRoot(appendedRootNode)
 
     disableIosTextFieldZoom()
-    document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`)
+    document.documentElement.style.setProperty(
+      '--viewport-height',
+      `${visualViewport ? visualViewport.height : window.innerHeight}px`,
+    )
 
     root.render(
       <ApplicationGroupView