diff --git a/customize.html b/customize.html
index 6a44630c49abc9e1b99cc05db1e3c5fca7c2cc1e..ae8f9a11d09e7846d22b7f2a2c7f61ec6f6ee6ec 100644
--- a/customize.html
+++ b/customize.html
@@ -1033,12 +1033,12 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <label>@modal-content-fallback-border-color</label>
           <input type="text" placeholder="#999">
           <p class="help-block">Modal content border color <strong>for IE8</strong></p>
-        </div> 
+        </div>
         <div class="col-lg-4">
           <label>@modal-backdrop-bg</label>
           <input type="text" placeholder="#000">
           <p class="help-block">Modal backdrop background color</p>
-        </div> 
+        </div>
         <div class="col-lg-4">
           <label>@modal-header-border-color</label>
           <input type="text" placeholder="#e5e5e5">
@@ -1046,9 +1046,9 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
         </div>
         <div class="col-lg-4">
           <label>@modal-footer-border-color</label>
-          <input type="text" placeholder="#e5e5e5">
+          <input type="text" placeholder="@modal-header-border-color">
           <p class="help-block">Modal footer border color</p>
-        </div>  
+        </div>
       </div>
 
       <h2 id="variables-carousel">Carousel</h2>
diff --git a/less/variables.less b/less/variables.less
index 97e608b36173d06487e7eeb00e4f9f7f19d68c19..342eef67c9e8ac97be2affe2f21c1e8c4c3e048d 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -301,10 +301,9 @@
 @modal-content-fallback-border-color:          #999;
 
 @modal-backdrop-bg:           #000;
-
 @modal-header-border-color:   #e5e5e5;
+@modal-footer-border-color:   @modal-header-border-color;
 
-@modal-footer-border-color:   #e5e5e5;
 
 // Alerts
 // -------------------------