diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 0a87d1633..39833ab4d 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -42,11 +42,11 @@
 <script>
 import buttonMain from "@/ux-components/button-main/button-main";
 import { Modal } from "bootstrap";
+import { checkPropertyChange } from "json-schema";
 
 export default {
     name: "modal",
     props: {
-        modalId: String,
         headerText: String,
         footerButtonText: String,
         modalForm: {
@@ -56,6 +56,11 @@ export default {
             type: Function,
         },
     },
+    setup() {
+        const modalId = `modal-${crypto.randomUUID()}`;
+
+        return modalId; 
+    },
     methods: {
         async validateAndEmit() {
             if (this.modalForm) {