diff --git a/neode-ui/src/style.css b/neode-ui/src/style.css
index 432736b9..9ee7de7f 100644
--- a/neode-ui/src/style.css
+++ b/neode-ui/src/style.css
@@ -195,6 +195,16 @@ select:focus-visible {
 }
 
 @media (max-width: 920px) {
+  /* Same dynamic-viewport pin as the <768px rule: mobile browsers report 100vh
+     taller than the visible area (URL/tab-bar chrome), which pushes the bottom
+     of every page under the browser chrome. Pin the dashboard to the dynamic
+     viewport across the whole mobile/tablet breakpoint so pages always scroll
+     fully clear of the tab bar, with the .mobile-scroll-pad margin visible. */
+  .dashboard-view.dashboard-view {
+    height: 100dvh;
+    min-height: 100dvh;
+  }
+
   .dashboard-view .app-header-inline-tabs {
     display: none !important;
   }