diff --git a/js/angular/directive/modal.js b/js/angular/directive/modal.js
index 416eb570eb..b8de1864d2 100644
--- a/js/angular/directive/modal.js
+++ b/js/angular/directive/modal.js
@@ -8,7 +8,7 @@ IonicModule
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: '<div class="modal-backdrop">' +
+    template: '<div class="modal-backdrop" ng-click="modal.hide()">' +
                 '<div class="modal-wrapper" ng-transclude></div>' +
               '</div>'
   };
diff --git a/scss/_modal.scss b/scss/_modal.scss
index 6b06a6f21a..0e0868e076 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -51,7 +51,8 @@
 .modal-open {
   pointer-events: none;
 
-  .modal {
+  .modal,
+  .modal-backdrop {
     pointer-events: auto;
   }
 }