diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 7aff06095d..d642d7389f 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -44,7 +44,7 @@
   float: left;
   min-width: $dropdown-min-width;
   padding: 5px 0;
-  margin: 2px 0 0; // override default ul
+  margin: $dropdown-margin-top 0 0; // override default ul
   font-size: $font-size-base;
   color: $body-color;
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
@@ -175,6 +175,6 @@
   .dropdown-menu {
     top: auto;
     bottom: 100%;
-    margin-bottom: 2px;
+    margin-bottom: $dropdown-margin-top;
   }
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 85d121b2c6..fdd917f8a8 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -431,6 +431,7 @@ $form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www
 // Dropdown menu container and contents.
 
 $dropdown-min-width:             160px !default;
+$dropdown-margin-top:            2px !default;
 $dropdown-bg:                    #fff !default;
 $dropdown-border-color:          rgba(0,0,0,.15) !default;
 $dropdown-border-width:          $border-width !default;