diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 721e7ab00f471bc27abacb657b5ef351c5422c30..9d3db1b263c109f57539a114e58a392357479e3e 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -87,8 +87,8 @@
 .navbar-divider {
   float: left;
   width: $border-width;
-  padding-top: .425rem;
-  padding-bottom: .425rem;
+  padding-top: $navbar-divider-padding-y;
+  padding-bottom: $navbar-divider-padding-y;
   margin-right: $navbar-padding-x;
   margin-left:  $navbar-padding-x;
   overflow: hidden;
@@ -105,7 +105,7 @@
 // Bootstrap JavaScript plugin.
 
 .navbar-toggler {
-  padding: .5rem .75rem;
+  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
   font-size: $navbar-toggler-font-size;
   line-height: 1;
   background: none;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index fa927e25279b50ffbc87cb9ce6365771d94c2175..2dcfe8b880e8820b74835af30a5fbeee41627f7f 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -477,8 +477,11 @@ $zindex-modal:             1050 !default;
 $navbar-border-radius:              $border-radius !default;
 $navbar-padding-x:                  $spacer !default;
 $navbar-padding-y:                  ($spacer / 2) !default;
+
 $navbar-brand-padding-y:            .25rem !default;
 
+$navbar-divider-padding-y:          .425rem !default;
+
 $navbar-toggler-font-size:           $font-size-lg !default;
 $navbar-toggler-border-radius:       $btn-border-radius !default;