diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index 5fc42f4..09c5642 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -26,8 +26,8 @@ const Popover = ({
 
   return (
     <>
-      {open &&
-        createPortal(
+      {createPortal(
+        open ? (
           <div
             ref={backdropRef}
             className="pointer-events-auto fixed inset-0 z-40"
@@ -35,9 +35,10 @@ const Popover = ({
               e.stopPropagation()
               handleOpenChange(false)
             }}
-          />,
-          document.body
-        )}
+          />
+        ) : null,
+        document.body
+      )}
       <PopoverPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange} modal={false} />
     </>
   )