diff --git a/app/assets/stylesheets/nav.css b/app/assets/stylesheets/nav.css
index b37201e1d..6d926027b 100644
--- a/app/assets/stylesheets/nav.css
+++ b/app/assets/stylesheets/nav.css
@@ -75,10 +75,15 @@
                 0 0.8em 0.8em oklch(var(--lch-blue-medium) / 5%);
     grid-template-rows: auto 1fr auto;
     gap: var(--nav-section-gap);
+    max-block-size: calc(100vh - var(--block-space) - var(--footer-height));
     overflow: hidden;
     padding-block-end: 0;
     scrollbar-gutter: stable both-edges;
     z-index: var(--z-nav);
+
+    @media (max-height: 668px) {
+      max-block-size: calc(100vh - var(--block-space));
+    }
   }
 
   .nav__scroll-container {