diff --git a/services/web/frontend/stylesheets/components/navbar.less b/services/web/frontend/stylesheets/components/navbar.less
index 0b9bf19c3d..c0db55cd73 100755
--- a/services/web/frontend/stylesheets/components/navbar.less
+++ b/services/web/frontend/stylesheets/components/navbar.less
@@ -45,12 +45,12 @@
 // content for the user's viewport.
 
 .navbar-collapse {
-  max-height: @navbar-collapse-max-height;
   overflow-x: visible;
   padding-right: @navbar-padding-horizontal;
   padding-left: @navbar-padding-horizontal;
   &:extend(.clearfix all);
   -webkit-overflow-scrolling: touch;
+  height: 100vh;
 
   &.in {
     overflow-y: auto;
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index cc35c3186f..c8bdc2a5f2 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -411,7 +411,6 @@
 @navbar-border-radius: 0;
 @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
 @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height: 380px;
 
 @navbar-default-color: #fff;
 @navbar-default-bg: @ol-blue-gray-6;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index c22bdf24f5..922052e9a3 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -356,7 +356,6 @@
 @navbar-border-radius: 0;
 @navbar-padding-horizontal: floor((@grid-gutter-width / 2));
 @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height: 380px;
 
 @navbar-default-color: #fff;
 @navbar-default-bg: @neutral-90;