diff --git a/services/web/public/stylesheets/components/navbar.less b/services/web/public/stylesheets/components/navbar.less
index 4898bb38fb..52e3bd2599 100755
--- a/services/web/public/stylesheets/components/navbar.less
+++ b/services/web/public/stylesheets/components/navbar.less
@@ -101,7 +101,7 @@
     margin: 0;
     background-color: @navbar-default-bg;
     border-bottom: solid 1px @navbar-default-border;
-    padding: @navbar-default-padding;
+    padding: 0 @navbar-default-padding-h;
   }
 }
 // Both navbar header and collapse
diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less
index fc829c686b..a73207ffbb 100644
--- a/services/web/public/stylesheets/core/_common-variables.less
+++ b/services/web/public/stylesheets/core/_common-variables.less
@@ -811,7 +811,9 @@
 // Navbar
 @navbar-title-color         : #666;
 @navbar-title-color-hover   : #333;
-@navbar-default-padding     : 1rem 2rem;
+@navbar-default-padding-v   : 1rem;
+@navbar-default-padding-h   : 2rem;
+@navbar-default-padding     : @navbar-default-padding-v @navbar-default-padding-h;
 @navbar-brand-width         : 180px;
 @navbar-btn-font-size       : @font-size-base * 0.8;
 @navbar-btn-border-radius   : @border-radius-base;
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index a4b04b27a8..a1d32a3d1a 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -95,7 +95,9 @@
 @labels-font-size        : 85%;
 
 // Navbar
-@navbar-default-padding           : (@grid-gutter-width / 2) 0;
+@navbar-default-padding-v         : (@grid-gutter-width / 2);
+@navbar-default-padding-h         : 0;
+@navbar-default-padding           : @navbar-default-padding-v @navbar-default-padding-h;
 @navbar-default-link-color        : #FFF;
 @navbar-default-link-hover-bg     : @ol-green;
 @navbar-default-link-active-bg    : @ol-green;