diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 6b76649a14844b604201accff6719accdddd4bc9..677a2753f6fe9fa3d3a3772c80424beeac7f413e 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -168,8 +168,8 @@
           }
 
           .nav-link {
-            padding-right: .5rem;
-            padding-left: .5rem;
+            padding-right: $navbar-nav-link-padding-x;
+            padding-left: $navbar-nav-link-padding-x;
           }
         }
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b2af0a466f23ee2b47b35760d0ab4ac08d7f91b3..1d4f44b96c215635dcfdfab5137aff65a268a007 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -585,6 +585,8 @@ $nav-pills-link-active-bg:          $component-active-bg !default;
 $navbar-padding-y:                  ($spacer / 2) !default;
 $navbar-padding-x:                  $spacer !default;
 
+$navbar-nav-link-padding-x:         .5rem !default;
+
 $navbar-brand-font-size:            $font-size-lg !default;
 // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
 $nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;