diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index d9776d59c6600d0de38aa3f7638737c862e4c199..a21989779aa599cd95b1fae03cd29220eeb6fcf5 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -161,7 +161,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: ($zindex-dropdown - 10);
+  z-index: $zindex-dropdown-backdrop;
 }
 
 // Right aligned dropdowns
diff --git a/scss/_variables.scss b/scss/_variables.scss
index cb478d76a15ec031f51a76d9c8d8fa19beadc27d..da987b9376866c9cf7c99aa073ae03f19befd752 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -359,6 +359,7 @@ $dropdown-header-color:          $gray-light !default;
 // Warning: Avoid customizing these values. They're used for a bird's eye view
 // of components dependent on the z-axis and are designed to all work together.
 
+$zindex-dropdown-backdrop:  990 !default;
 $zindex-navbar:            1000 !default;
 $zindex-dropdown:          1000 !default;
 $zindex-popover:           1060 !default;