diff --git a/src/common-components/modal/modal.vue b/src/common-components/modal/modal.vue
index 5bcc22c28..21fab28ee 100644
--- a/src/common-components/modal/modal.vue
+++ b/src/common-components/modal/modal.vue
@@ -22,12 +22,13 @@
                     <p class="mb-0" v-html="this.ModalBodyText"></p>
                 </div>
                 <div class="modal-footer px-5 py-4">
-                    <buttonMain
-                        isPrimary
-                        v-html="this.ModalCloseButtonText"
-                        class="w-100"
-                        @click-event="buttonClick"
-                        data-bs-dismiss="modal" />
+                  <buttonMain
+                      class="w-100"
+                      ref="buttonMain"
+                      isPrimary
+                      :buttonText="ModalCloseButtonText"
+                      @click-event="buttonClick"
+                      data-bs-dismiss="modal" />
                 </div>
             </div>
         </div>