1 files changed, 15 insertions, 1 deletions
diff --git a/apps/web/src/components/ui/dialog.tsx b/apps/web/src/components/ui/dialog.tsx
index d124a2e9..f5045f95 100644
--- a/apps/web/src/components/ui/dialog.tsx
+++ b/apps/web/src/components/ui/dialog.tsx
@@ -4,8 +4,22 @@ import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import { X } from "lucide-react";
 import { cn } from "@/utils/ui";
+import { useOverlayOpenChange } from "./use-overlay-open-change";
 
-const Dialog = DialogPrimitive.Root;
+function Dialog({
+	open,
+	onOpenChange,
+	...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+	const handleOpenChange = useOverlayOpenChange({
+		source: "dialog",
+		open,
+		onOpenChange,
+	});
+	return (
+		<DialogPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />
+	);
+}
 
 const DialogTrigger = DialogPrimitive.Trigger;