diff --git a/frontend/src/lib/lemon-ui/Popover/Popover.tsx b/frontend/src/lib/lemon-ui/Popover/Popover.tsx
index 0541bbade9e36..fe42c89c98fa9 100644
--- a/frontend/src/lib/lemon-ui/Popover/Popover.tsx
+++ b/frontend/src/lib/lemon-ui/Popover/Popover.tsx
@@ -138,7 +138,11 @@ export const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(function P
     })
 
     const [floatingElement, setFloatingElement] = useState<HTMLElement | null>(null)
-    const mergedReferenceRef = useMergeRefs([referenceRef, extraReferenceRef || null]) as React.RefCallback<HTMLElement>
+    const mergedReferenceRef = useMergeRefs([
+        referenceRef,
+        extraReferenceRef || null,
+        (children as any)?.ref,
+    ]) as React.RefCallback<HTMLElement>
 
     const arrowStyle = middlewareData.arrow
         ? {