diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index c8465fef7..2e3cd5f72 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -2,6 +2,7 @@
     <div class="save-progress-modal-question">
         <buttonMain
             ref="buttonMain"
+            type="button"
             v-if="!isProgressSaved"
             :buttonText="buttonText"
             loaderColor="white"
@@ -17,6 +18,7 @@
             :ref="modalName"
             :headerText="modalHeaderText"
             suppressPageScroll
+            :onModalClosedCallback="onModalClosed"
             :footerButtonText="modalButtonText"
             @footer-button-event="saveProgress">
             <p class="modal-body-inner">{{ modalBodyText }}</p>
@@ -78,6 +80,10 @@ export default {
             this.modal.openModal();
             this.modal.resetButtonStyle();
         },
+        onModalClosed() {
+            this.userInput = "";
+            this.modal.resetForm();
+        },
         async saveProgress() {
             // save email address to store
             await this.dispatchStoreAction(storeActions.SAVE_EMAIL, this.userInput, false);