diff --git a/scss/_backdrop.scss b/scss/_backdrop.scss
index 2dc36bd5d0..cc8efd8b9f 100644
--- a/scss/_backdrop.scss
+++ b/scss/_backdrop.scss
@@ -8,7 +8,7 @@
   width: 100%;
   height: 100%;
 
-  background-color: rgba(0,0,0,0.4);
+  background-color: $loading-backdrop-bg-color;
 
   visibility: hidden;
   opacity: 0;
@@ -20,5 +20,5 @@
     opacity: 1;
   }
 
-  @include transition(0.1s opacity linear);
+  @include transition($loading-backdrop-fadein-duration opacity linear);
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 84e15b41a0..18e938367d 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -625,8 +625,8 @@ $loading-padding:                 20px !default;
 $loading-border-radius:           5px !default;
 $loading-font-size:               15px !default;
 
-$loading-backdrop-fadein-duration:0.3s !default;
-$loading-backdrop-bg-color:       rgba(0,0,0,0.7) !default;
+$loading-backdrop-fadein-duration:0.1s !default;
+$loading-backdrop-bg-color:       rgba(0,0,0,0.4) !default;
 
 
 // Badges