diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index be309506903bea488037819734c641b657ef5c48..38f668153bcb4bd66c8aecddd30d5160c1c6bfbe 100644
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -11,11 +11,11 @@
 .breadcrumb-item {
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item {
-    padding-left: $breadcrumb-item-padding;
+    padding-left: $breadcrumb-item-padding-x;
 
     &::before {
       display: inline-block; // Suppress underlining of the separator in modern browsers
-      padding-right: $breadcrumb-item-padding;
+      padding-right: $breadcrumb-item-padding-x;
       color: $breadcrumb-divider-color;
       content: $breadcrumb-divider;
     }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index d9e88df9a3f5fbfa79abc8ca83f39f175d3f656d..d238a8508f2725f28a28bf6e44e355940365fdad 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1037,7 +1037,7 @@ $figure-caption-color:              $gray-600 !default;
 
 $breadcrumb-padding-y:              .75rem !default;
 $breadcrumb-padding-x:              1rem !default;
-$breadcrumb-item-padding:           .5rem !default;
+$breadcrumb-item-padding-x:         .5rem !default;
 
 $breadcrumb-margin-bottom:          1rem !default;