diff --git a/assets/scss/blocks/_nav.scss b/assets/scss/blocks/_nav.scss
index 7ff86a7ba..a3742a1d0 100644
--- a/assets/scss/blocks/_nav.scss
+++ b/assets/scss/blocks/_nav.scss
@@ -83,4 +83,9 @@ nav.navbar {
     color: $gray-900;
     font-weight: unset;
   }
+  // fix the scroll height of the sidebar
+  @media (min-width: 768px) {
+    max-height: calc(100vh - 5rem);
+    overflow-y: auto;
+  }
 }