diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 1dbd11aa..3713fd17 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -98,6 +98,11 @@ export default {
             return !this.meta.dirty || !this.meta.valid;
         }
     },
+    watch: {
+        $route(newVal, oldVal) {
+            this.closeModal();
+        }
+    },
     methods: {
         async validateAndEmit() {
             const validationResult = await this.validate();