diff --git a/src/mixins/hasModal.js b/src/mixins/hasModal.js
index ed531de..26aac81 100644
--- a/src/mixins/hasModal.js
+++ b/src/mixins/hasModal.js
@@ -12,14 +12,16 @@ export default {
     next(!this.isModalOpen)
   },
   methods: {
-    toggleModal() {
+    toggleModal(modalComponent = null) {
       if (!this.isModalOpen) {
-        this.openModal()
+        this.openModal(modalComponent)
       }
       this.isModalOpen = !this.isModalOpen
     },
-    async openModal() {
-      const modal = await this.$ionic.modalController.create({ component: this.modal })
+    async openModal(modalComponent = null) {
+      const modal = await this.$ionic.modalController.create({
+        component: modalComponent || this.modal,
+      })
       modal.present()
       return modal.onDidDismiss().then(this.toggleModal)
     },
diff --git a/src/views/Home.vue b/src/views/Home.vue
index ba0591d..f19d3d3 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -34,7 +34,7 @@
           </div>
         </div>
       </div>
-      <h2 @click="toggleModal"><span>How does it work?</span></h2>
+      <h2 @click="goToHelp"><span>How does it work?</span></h2>
     </ion-content>
   </ion-page>
 </template>
@@ -66,6 +66,9 @@ export default {
 
       App.exitApp()
     },
+    goToHelp() {
+      this.toggleModal()
+    },
   },
   mounted() {
     this.modal = () => import('@/components/HowDoesItWorkModal.vue')
diff --git a/src/views/Pwd.vue b/src/views/Pwd.vue
index c584091..437eb8a 100644
--- a/src/views/Pwd.vue
+++ b/src/views/Pwd.vue
@@ -46,7 +46,7 @@
           <input type="submit" class="form-submit-button"/>
         </form>
       </div>
-      <div class="hash-protected-holder" @click="toggleModal">
+      <div class="hash-protected-holder" @click="goToHelp">
         <div class="hash-protected-inner">
           <img class="hash-protected-img" src="../images/Icon-Hash-Protected.svg" alt="Hash protected"/>
           <span>Hash protected</span>
@@ -156,6 +156,9 @@ export default {
 
       return breachData[1]
     },
+    goToHelp() {
+      this.toggleModal()
+    },
   },
 }
 </script>
diff --git a/src/views/Unsafe.vue b/src/views/Unsafe.vue
index 13458d0..0a10930 100644
--- a/src/views/Unsafe.vue
+++ b/src/views/Unsafe.vue
@@ -17,7 +17,7 @@
         v-html="count"/>
       <h2 class="count-text">websites</h2>
       <div id="lottie"></div>
-      <h3 @click="toggleModal">
+      <h3 @click="goToHelp">
         <span>What should you do?</span>
       </h3>
       <h3 @click="goToAcc">
@@ -74,6 +74,9 @@ export default {
         name: 'unsafe',
       })
     },
+    goToHelp() {
+      this.toggleModal()
+    },
   },
 }
 </script>