diff --git a/app/components/modal-dialog.js b/app/components/modal-dialog.js
index c1834bc..8e95a73 100644
--- a/app/components/modal-dialog.js
+++ b/app/components/modal-dialog.js
@@ -4,8 +4,6 @@ export default Ember.Component.extend({
     actions: {
         close: function () {
             return this.sendAction();
-        },
-
-        nop: function () {}
+        }
     }
 });
diff --git a/app/styles/modules/_modal.sass b/app/styles/modules/_modal.sass
index 16d5fb4..2556f25 100644
--- a/app/styles/modules/_modal.sass
+++ b/app/styles/modules/_modal.sass
@@ -10,6 +10,7 @@
 
 .modal-body
   position: absolute
+  z-index: 301
   top: 10%
   left: 0
   right: 0
diff --git a/app/templates/components/modal-dialog.hbs b/app/templates/components/modal-dialog.hbs
index 2f9a3cb..b32fce7 100644
--- a/app/templates/components/modal-dialog.hbs
+++ b/app/templates/components/modal-dialog.hbs
@@ -1,5 +1,4 @@
-<div class="modal-overlay" {{action "close"}}>
-  <div class="modal-body" {{action "nop" bubbles=false preventDefault=true}}>
-    {{yield}}
-  </div>
+<div class="modal-overlay" {{action "close"}}></div>
+<div class="modal-body">
+  {{yield}}
 </div>