diff --git a/less/navbar.less b/less/navbar.less
index 6246bd62c8..b8283601d6 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -6,8 +6,8 @@
 .navbar {
   position: relative;
   margin-bottom: 20px;
-  padding-left: 15px;
-  padding-right: 15px;
+  padding-left: @navbar-padding;
+  padding-right: @navbar-padding;
   background-color: @navbar-bg;
   border-radius: @border-radius-base;
 
@@ -96,7 +96,7 @@
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
-  padding: 15px;
+  padding: @navbar-padding;
   font-size: @font-size-large;
   font-weight: 500;
   line-height: @line-height-computed;
@@ -284,7 +284,7 @@
 
   .navbar-brand {
     float: left;
-    margin-left: -15px;
+    margin-left: -(@navbar-padding);
     margin-right: 5px;
   }
   .navbar-nav {
diff --git a/less/variables.less b/less/variables.less
index f918461264..4fd0d492cf 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -178,6 +178,7 @@
 @navbar-height:                    50px;
 @navbar-color:                     #777;
 @navbar-bg:                        #eee;
+@navbar-padding:                   floor(@grid-gutter-width / 2);  // ~15px
 
 // Navbar links
 @navbar-link-color:                #777;