diff --git a/src/apps/officer-web/Screens/Dashboard/Layout/DashboardLayout.tsx b/src/apps/officer-web/Screens/Dashboard/Layout/DashboardLayout.tsx
index 150cda6e..49eccf24 100644
--- a/src/apps/officer-web/Screens/Dashboard/Layout/DashboardLayout.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Layout/DashboardLayout.tsx
@@ -20,7 +20,12 @@ export function DashboardLayout({ children }: DashboardLayoutProps) {
   return (
     <div className="relative flex h-dvh flex-col overflow-hidden outline-none inset-0">
       <Header dockItems={visibleItems} />
-      <section ref={regionRef} className="relative min-h-0 flex-1 snap-start overflow-hidden">
+      {/* overflow-CLIP, not hidden: `hidden` still makes this a scroll container, and the nav Dock —
+          absolute, parked below the bottom edge by translateY while hidden — adds its transformed box to
+          the scrollable overflow. So clicking a link let the browser scroll this section ~70px to reveal
+          the focused element: content slid up under the fixed header and the hidden dock slid into view.
+          `clip` clips identically but is not scrollable, so nothing can ever scroll it. */}
+      <section ref={regionRef} className="relative min-h-0 flex-1 snap-start overflow-clip">
         <Background />
         {!isTouch && <Dock items={visibleItems} boundaryRef={regionRef} className="hidden md:flex" />}
         <div className="absolute inset-0 z-2 pt-[52px] md:pt-[64px] pb-2 overflow-y-auto">{children}</div>