diff --git a/public/modules/custom/asu_application/assets/css/application-submit.css b/public/modules/custom/asu_application/assets/css/application-submit.css
index 040391a0..34bc4a52 100644
--- a/public/modules/custom/asu_application/assets/css/application-submit.css
+++ b/public/modules/custom/asu_application/assets/css/application-submit.css
@@ -1,11 +1,13 @@
-.asu-application-confirm-dialog.ui-dialog {
+.asu-application-confirm-dialog.ui-dialog,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] {
   border: 1px solid var(--color-black-20, #cfd4d9);
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
   overflow: hidden;
 }
 
-.asu-application-confirm-dialog .ui-dialog-titlebar {
+.asu-application-confirm-dialog .ui-dialog-titlebar,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-titlebar {
   background: var(--color-black, #1b1b1b);
   border: 0;
   border-radius: 0;
@@ -13,19 +15,23 @@
   padding: 20px 24px;
 }
 
-.asu-application-confirm-dialog .ui-dialog-title {
+.asu-application-confirm-dialog .ui-dialog-title,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-title {
   color: inherit;
   font-weight: 700;
 }
 
-.asu-application-confirm-dialog .ui-dialog-content {
+.asu-application-confirm-dialog .ui-dialog-content,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-content {
   padding: 20px 24px;
   position: relative;
   z-index: 2;
 }
 
 .asu-application-confirm-dialog #asu-application-delete-confirm-dialog .hds-modal__content,
-.asu-application-confirm-dialog #asu-application-delete-confirm-dialog .hds-modal__body {
+.asu-application-confirm-dialog #asu-application-delete-confirm-dialog .hds-modal__body,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] #asu-application-delete-confirm-dialog .hds-modal__content,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] #asu-application-delete-confirm-dialog .hds-modal__body {
   background: transparent;
   display: block;
   margin: 0;
@@ -40,7 +46,8 @@
   line-height: 1.5;
 }
 
-.asu-application-confirm-dialog .ui-dialog-buttonpane {
+.asu-application-confirm-dialog .ui-dialog-buttonpane,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-buttonpane {
   border-top: 1px solid var(--color-black-10, #e5e8eb);
   margin: 0;
   padding: 12px 24px;
@@ -48,12 +55,14 @@
   z-index: 3;
 }
 
-.asu-application-confirm-dialog .ui-dialog-buttonset {
+.asu-application-confirm-dialog .ui-dialog-buttonset,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-buttonset {
   display: flex;
   gap: 8px;
 }
 
-.asu-application-confirm-dialog .ui-dialog-buttonpane button {
+.asu-application-confirm-dialog .ui-dialog-buttonpane button,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-buttonpane button {
   border: 1px solid #000;
   background: #fff;
   color: #000;
@@ -62,7 +71,8 @@
   cursor: pointer;
 }
 
-.asu-application-confirm-dialog .ui-dialog-buttonpane .hds-button {
+.asu-application-confirm-dialog .ui-dialog-buttonpane .hds-button,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-buttonpane .hds-button {
   align-items: center;
   display: inline-flex;
   justify-content: center;
@@ -73,7 +83,8 @@
   z-index: 4;
 }
 
-.asu-application-confirm-dialog .ui-dialog-buttonpane button:first-child {
+.asu-application-confirm-dialog .ui-dialog-buttonpane button:first-child,
+.ui-dialog[aria-describedby="asu-application-delete-confirm-dialog"] .ui-dialog-buttonpane button:first-child {
   background: #000;
   color: #fff;
 }
diff --git a/public/modules/custom/asu_application/assets/js/application-submit.js b/public/modules/custom/asu_application/assets/js/application-submit.js
index df1760bd..12918f70 100644
--- a/public/modules/custom/asu_application/assets/js/application-submit.js
+++ b/public/modules/custom/asu_application/assets/js/application-submit.js
@@ -35,6 +35,9 @@
               modal: true,
               width: 450,
               dialogClass: "asu-application-confirm-dialog",
+              classes: {
+                "ui-dialog": "asu-application-confirm-dialog",
+              },
               buttons: {
                 [continueLabel]: function () {
                   $confirmInput.val("1");
@@ -46,6 +49,11 @@
                 },
               },
             });
+
+            $dialog
+              .dialog("widget")
+              .addClass("asu-application-confirm-dialog")
+              .attr("data-asu-application-confirm-dialog", "1");
           }
 
           if (isDeleteAction) {
@@ -60,6 +68,9 @@
               modal: true,
               width: 450,
               dialogClass: "asu-application-confirm-dialog",
+              classes: {
+                "ui-dialog": "asu-application-confirm-dialog",
+              },
               buttons: {
                 [continueLabel]: function () {
                   $(this).dialog("close");
@@ -70,6 +81,11 @@
                 },
               },
             });
+
+            $dialog
+              .dialog("widget")
+              .addClass("asu-application-confirm-dialog")
+              .attr("data-asu-application-confirm-dialog", "1");
           }
         });
       });