diff --git a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
index d3a531b414..b8b316a168 100644
--- a/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
+++ b/libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx
@@ -34,6 +34,7 @@ export const ModalDialog = (props: ModalDialogProps) => {
         e.stopPropagation()
         if (document.activeElement !== this) {
           !window.testmode && handleHide()
+          if (props.cancelFn) props.cancelFn()
         }
       }
     }