diff --git a/client/src/Components/inputs/Dialog.tsx b/client/src/Components/inputs/Dialog.tsx
index b0c924f55..2b8084f85 100644
--- a/client/src/Components/inputs/Dialog.tsx
+++ b/client/src/Components/inputs/Dialog.tsx
@@ -46,6 +46,9 @@ export const DialogInput = ({
 			open={open}
 			maxWidth={maxWidth}
 			fullWidth={fullWidth}
+			onClose={(_event, reason) => {
+				if (reason !== "backdropClick" && onCancel) onCancel(undefined);
+			}}
 		>
 			{title && <DialogTitle sx={{ fontSize: typographyLevels.l }}>{title}</DialogTitle>}
 			<DialogContent>