diff --git a/src/ui/components/dialog/index.tsx b/src/ui/components/dialog/index.tsx
index 324d1903..7a2474a1 100644
--- a/src/ui/components/dialog/index.tsx
+++ b/src/ui/components/dialog/index.tsx
@@ -26,6 +26,7 @@ type DialogCommonProps = {
 
 type DialogProps = DialogCommonProps & {
 	title?: string;
+	/** Determines whether the dialog should be closed when user clicks on the overlay, true by default */
 	closeOnOverlayClick?: boolean;
 	isError?: boolean;
 	onCloseDialog: () => void;
@@ -41,7 +42,7 @@ function removeNoScrollFromBody() {
 }
 
 function Dialog(props: DialogProps) {
-	const { children, className = "", closeOnOverlayClick = false, onCloseDialog, title, lockScroll = true } = props;
+	const { children, className = "", closeOnOverlayClick = true, onCloseDialog, title, lockScroll = true } = props;
 
 	useEffect(() => {
 		if (!lockScroll) return;
diff --git a/src/ui/components/tenants/tenantDetail/providerListDialog/ProviderListDialog.tsx b/src/ui/components/tenants/tenantDetail/providerListDialog/ProviderListDialog.tsx
index 0189183b..e3b775a0 100644
--- a/src/ui/components/tenants/tenantDetail/providerListDialog/ProviderListDialog.tsx
+++ b/src/ui/components/tenants/tenantDetail/providerListDialog/ProviderListDialog.tsx
@@ -38,7 +38,6 @@ export const ProviderListDialog = ({
 	return (
 		<Dialog
 			onCloseDialog={onCloseDialog}
-			closeOnOverlayClick
 			className="provider-dialog-container">
 			<DialogContent>
 				<div>