diff --git a/js/styles/default.less b/js/styles/default.less
index 2e3f3118..f51038e1 100644
--- a/js/styles/default.less
+++ b/js/styles/default.less
@@ -183,7 +183,7 @@ body {
  *******************/
  
 .modal-backdrop {
-	background-color: fade(#999, 60%);
+	background-color: #999;
 }
 
 .modal-content {
diff --git a/js/utils.js b/js/utils.js
index 6e8d7c6c..64eccb0f 100644
--- a/js/utils.js
+++ b/js/utils.js
@@ -181,7 +181,7 @@ define([
     // Create a backdrop and add to the body
     utils.createBackdrop = function(toggle, target) {
         var result = crel('div', {
-            'class': 'modal-backdrop',
+            'class': 'modal-backdrop in',
             'data-toggle': toggle,
             'data-target': target,
         });