diff --git a/views/scroller.html b/views/scroller.html
index 3c3ebc3..b05a5a7 100644
--- a/views/scroller.html
+++ b/views/scroller.html
@@ -32,7 +32,7 @@
     html[theme='amoled'] { --accent: #fff; }
 
     html, body {
-      width: 100%; height: 100%; overflow: hidden; background: #000; color: #fff;
+      width: 100%; height: 100vh; height: 100dvh; overflow: hidden; background: #000; color: #fff;
       touch-action: pan-y;
       /* Prevent text/image selection on long-press mobile */
       -webkit-user-select: none; user-select: none;
@@ -46,7 +46,7 @@
 
     /* #main wrapper needed for PJAX content swap — must fill full viewport
        so #scroller-feed { height: 100% } has a sized parent to stretch into. */
-    #main { width: 100%; height: 100%; }
+    #main { width: 100%; height: 100vh; height: 100dvh; }
 
     /* ── TOP BAR ──────────────────────────────────── */
     #scroller-topbar {
@@ -127,7 +127,7 @@
     /* ── SLIDE ────────────────────────────────────── */
     .scroll-slide {
       position: relative; width: 100%;
-      height: 100dvh; height: 100vh;
+      height: 100vh; height: 100dvh;
       scroll-snap-align: start; scroll-snap-stop: always;
       display: flex; align-items: center; justify-content: center;
       background: #000; overflow: hidden;
@@ -387,7 +387,7 @@
     /* ── EMPTY / SENTINEL ────────────────────────── */
     #scroller-sentinel { width: 100%; height: 10px; }
     #scroller-empty {
-      width: 100%; height: 100dvh; height: 100vh; display: none;
+      width: 100%; height: 100vh; height: 100dvh; display: none;
       flex-direction: column; align-items: center; justify-content: center;
       gap: 14px; scroll-snap-align: start; color: rgba(255,255,255,.35);
     }