diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 2ff886a39c..9386983d17 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -125,19 +125,19 @@
     top: 50%;
     z-index: 5;
     display: inline-block;
-    width: 20px;
-    height: 20px;
-    margin-top: -10px;
+    width: $carousel-icon-width;
+    height: $carousel-icon-width;
+    margin-top: -($carousel-icon-width / 2);
     font-family: serif;
     line-height: 1;
   }
   .icon-prev {
     left: 50%;
-    margin-left: -10px;
+    margin-left: -($carousel-icon-width / 2);
   }
   .icon-next {
     right: 50%;
-    margin-right: -10px;
+    margin-right: -($carousel-icon-width / 2);
   }
 
   .icon-prev {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 82ef6f9630..f3c442e80e 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -792,6 +792,8 @@ $carousel-caption-width:                      70% !default;
 $carousel-caption-sm-up-width:                60% !default;
 $carousel-caption-color:                      #fff !default;
 
+$carousel-icon-width:                         20px !default;
+
 
 // Close