diff --git a/less/modals.less b/less/modals.less
index f6ab34769b..e7f3d726e8 100644
--- a/less/modals.less
+++ b/less/modals.less
@@ -124,7 +124,7 @@
 
   // Automatically set modal's width for larger viewports
   .modal-dialog {
-    width: 600px;
+    width: @modal-md;
     margin: 30px auto;
   }
   .modal-content {
diff --git a/less/variables.less b/less/variables.less
index 106a734577..0484eb15ee 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -561,6 +561,7 @@
 @modal-footer-border-color:   @modal-header-border-color;
 
 @modal-lg:                    900px;
+@modal-md:                    600px;
 @modal-sm:                    300px;