diff --git a/src/common-components/modal/modal.vue b/src/common-components/modal/modal.vue
index 9a8e6c211..e965b3e3f 100644
--- a/src/common-components/modal/modal.vue
+++ b/src/common-components/modal/modal.vue
@@ -60,11 +60,16 @@ export default {
             return this.getCmsContent(this.cmsWidgetName, "FooterText");
         },
     },
+    methods: {
+        setupModalEventListener() {
+            const modal = document.querySelector("#" + this.cmsWidgetName);
+            modal.addEventListener("hidden.bs.modal", (event) => {
+                this.$refs.buttonMain.resetButtonStyle();
+            });
+        },
+    },
     mounted() {
-        const modal = document.querySelector("#" + this.cmsWidgetName);
-        modal.addEventListener("hidden.bs.modal", (event) => {
-            this.$refs.buttonMain.resetButtonStyle();
-        });
+        this.setupModalEventListener();
     },
     components: {
         buttonMain,