diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 744ec2f568..2ff886a39c 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -163,9 +163,9 @@
   bottom: 10px;
   left: 50%;
   z-index: 15;
-  width: 60%;
+  width: $carousel-indicators-width;
   padding-left: 0;
-  margin-left: -30%;
+  margin-left: -($carousel-indicators-width / 2);
   text-align: center;
   list-style: none;
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 92469904a3..a5bd673690 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -780,6 +780,8 @@ $carousel-control-sm-up-size:                 30px !default;
 $carousel-control-opacity:                    .5 !default;
 $carousel-control-font-size:                  20px !default;
 
+$carousel-indicators-width:                   60% !default;
+
 $carousel-indicator-size:                     10px !default;
 $carousel-indicator-active-size:              12px !default;
 $carousel-indicator-active-bg:                #fff !default;