diff --git a/src/components/modals/LoadingModal.tsx b/src/components/modals/LoadingModal.tsx
index b042039a..c9005048 100644
--- a/src/components/modals/LoadingModal.tsx
+++ b/src/components/modals/LoadingModal.tsx
@@ -11,7 +11,7 @@ type LoadingModalProps = {
 const LoadingModal: React.FC<LoadingModalProps> = ({ onClose }) => {
   const { t } = useTranslation('plugin__pipelines-console-plugin');
   return (
-    <ModalWrapper>
+    <ModalWrapper onClose={onClose}>
       <LoadingBox />
       <ModalFooter inProgress={false}>
         <ActionGroup className="pf-v5-c-form pf-v5-c-form__actions--right pf-v5-c-form__group--no-top-margin">
diff --git a/src/components/modals/modal.tsx b/src/components/modals/modal.tsx
index e6a32c37..27e37d38 100644
--- a/src/components/modals/modal.tsx
+++ b/src/components/modals/modal.tsx
@@ -165,9 +165,14 @@ export const createModal: CreateModal = (getModalElement) => {
 export const ModalWrapper: React.FC<ModalWrapperProps> = ({
   className,
   children,
+  onClose,
 }) => {
   return (
-    <Modal className={classNames('modal-dialog', className)} isOpen>
+    <Modal
+      className={classNames('modal-dialog', className)}
+      isOpen
+      onClose={() => onClose()}
+    >
       {children}
     </Modal>
   );