diff --git a/resources/assets/scripts/components/core/Modal.ts b/resources/assets/scripts/components/core/Modal.ts
index 3456e2fcb..09dc77164 100644
--- a/resources/assets/scripts/components/core/Modal.ts
+++ b/resources/assets/scripts/components/core/Modal.ts
@@ -32,12 +32,13 @@ export default Vue.component('modal', {
         <transition name="modal">
             <div class="modal-mask" v-show="show" v-on:click="close">
                 <div class="modal-container" @click.stop>
-                    <icon name="x"
-                          class="absolute pin-r pin-t m-2 text-grey cursor-pointer"
-                          aria-label="Close modal"
-                          role="button"
-                          v-on:click="close"
-                    />
+                    <div v-on:click="close">
+                        <icon name="x"
+                              class="absolute pin-r pin-t m-2 text-grey cursor-pointer"
+                              aria-label="Close modal"
+                              role="button"
+                        />
+                    </div>
                     <slot/>
                 </div>
             </div>