diff --git a/public/css/ui/common.css b/public/css/ui/common.css
index f1fc14b134..eb20294e30 100644
--- a/public/css/ui/common.css
+++ b/public/css/ui/common.css
@@ -430,6 +430,10 @@ textarea[data-fieldtype="Small Text"] {
 	}
 }
 
+.modal-backdrop {
+  opacity: 0.5;
+}
+
 /* buttons */
 .btn-default {
   color: #ffffff;
diff --git a/public/js/wn/ui/dialog.js b/public/js/wn/ui/dialog.js
index f8c86d577e..3b8edcbc7b 100644
--- a/public/js/wn/ui/dialog.js
+++ b/public/js/wn/ui/dialog.js
@@ -34,7 +34,7 @@ wn.ui.Dialog = wn.ui.FieldGroup.extend({
 		this.make();
 	},
 	make: function() {		
-		this.$wrapper = $('<div class="modal fade" style="overflow: auto;">\
+		this.$wrapper = $('<div class="modal" style="overflow: auto;">\
 			<div class="modal-dialog">\
 				<div class="modal-content">\
 					<div class="modal-header">\
diff --git a/public/js/wn/views/container.js b/public/js/wn/views/container.js
index 8fbf2e86d7..40f203019c 100644
--- a/public/js/wn/views/container.js
+++ b/public/js/wn/views/container.js
@@ -47,6 +47,11 @@ wn.views.Container = Class.extend({
 			return;
 		}
 		
+		// hide dialog
+		if(cur_dialog && cur_dialog.display) {
+			cur_dialog.hide();
+		}
+		
 		// hide current
 		if(this.page && this.page != page) {
 			$(this.page).toggle(false);