diff --git a/frontend/src/component/project/Project/DeleteProject/DeleteProjectDialogue.tsx b/frontend/src/component/project/Project/DeleteProject/DeleteProjectDialogue.tsx
index aab3c2977b..ec8bb29410 100644
--- a/frontend/src/component/project/Project/DeleteProject/DeleteProjectDialogue.tsx
+++ b/frontend/src/component/project/Project/DeleteProject/DeleteProjectDialogue.tsx
@@ -8,7 +8,7 @@ import useToast from 'hooks/useToast';
 interface IDeleteProjectDialogueProps {
     project: string;
     open: boolean;
-    onClose?: () => void;
+    onClose: (e: React.SyntheticEvent) => void;
     onSuccess?: () => void;
 }
 
@@ -36,7 +36,7 @@ export const DeleteProjectDialogue = ({
         } catch (ex: unknown) {
             setToastApiError(formatUnknownError(ex));
         }
-        onClose?.();
+        onClose(e);
     };
 
     return (
diff --git a/frontend/src/component/project/ProjectCard/ProjectCard.tsx b/frontend/src/component/project/ProjectCard/ProjectCard.tsx
index 9c57fcddb9..cbc0b39e2b 100644
--- a/frontend/src/component/project/ProjectCard/ProjectCard.tsx
+++ b/frontend/src/component/project/ProjectCard/ProjectCard.tsx
@@ -169,7 +169,8 @@ export const ProjectCard = ({
             <DeleteProjectDialogue
                 project={id}
                 open={showDelDialog}
-                onClose={() => {
+                onClose={e => {
+                    e.preventDefault();
                     setAnchorEl(null);
                     setShowDelDialog(false);
                 }}