diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 8adf970..f3e8a3a 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -45,8 +45,11 @@ const DropdownMenu = ({
         createPortal(
           <div
             ref={backdropRef}
-            className="fixed inset-0 z-50"
-            onClick={() => handleOpenChange(false)}
+            className="fixed inset-0 z-50 pointer-events-auto"
+            onClick={(e) => {
+              e.stopPropagation()
+              handleOpenChange(false)
+            }}
           />,
           document.body
         )}