diff --git a/scss/_modal.scss b/scss/_modal.scss
index a18c2ab971..8c5077d1c0 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -40,7 +40,7 @@
 .modal-dialog {
   position: relative;
   width: auto;
-  margin: 10px;
+  margin: $modal-dialog-margin;
 }
 
 // Actual modal
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1d7c67004b..82558fdcc4 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -626,6 +626,8 @@ $label-font-weight:           bold !default;
 // Padding applied to the modal body
 $modal-inner-padding:         15px !default;
 
+$modal-dialog-margin:         10px !default;
+
 $modal-title-padding:         15px !default;
 $modal-title-line-height:     $line-height-base !default;