diff --git a/webapp/packages/core-dialogs/src/CommonDialog/DialogsPortal.tsx b/webapp/packages/core-dialogs/src/CommonDialog/DialogsPortal.tsx
index 0e59836c09..94044a2fc5 100644
--- a/webapp/packages/core-dialogs/src/CommonDialog/DialogsPortal.tsx
+++ b/webapp/packages/core-dialogs/src/CommonDialog/DialogsPortal.tsx
@@ -91,7 +91,7 @@ function NestedDialog({
   // TODO: place Dialog inside CommonDialogWrapper, so we can pass aria-label
   return styled(styles)(
     <>
-      <DialogBackdrop {...dialogState} onClick={backdropClickHandler}>
+      <DialogBackdrop {...dialogState} onMouseDown={backdropClickHandler}>
         <Dialog {...dialogState} hideOnClickOutside={false}>
           <DialogComponent
             payload={dialog.payload}