diff --git a/src/App.css b/src/App.css
index 8d0873f..e92f2fd 100644
--- a/src/App.css
+++ b/src/App.css
@@ -5,7 +5,7 @@
    ============================ */
 #root {
     width: 100%;
-    height: var(--vh, 100dvh);
+    height: 100dvh;
     overflow: hidden;
     display: flex;
     flex-direction: column;
diff --git a/src/main.tsx b/src/main.tsx
index 365b290..d4cee22 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,15 +4,6 @@ import './index.css'
 import App from './App.tsx'
 import { listenForegroundMessages } from './hooks/useReminder'
 
-// Keep #root height in sync with the visual viewport (shrinks when keyboard opens)
-if (window.visualViewport) {
-  const setVH = () => {
-    document.documentElement.style.setProperty('--vh', `${window.visualViewport!.height}px`)
-  }
-  window.visualViewport.addEventListener('resize', setVH)
-  setVH()
-}
-
 // Apply saved theme immediately to avoid flash
 const savedTheme = localStorage.getItem('gj-theme') || 'light'
 document.documentElement.setAttribute('data-theme', savedTheme)