diff --git a/frontend/src/_hooks/use-popover.jsx b/frontend/src/_hooks/use-popover.jsx
index 530309d89a..93aa930a17 100644
--- a/frontend/src/_hooks/use-popover.jsx
+++ b/frontend/src/_hooks/use-popover.jsx
@@ -13,7 +13,7 @@ const useEscapeHandler = (handler = noop, dependencies = []) => {
       document === null || document === void 0 ? void 0 : document.removeEventListener('keyup', escapeHandler);
   }, dependencies);
 };
-const useClickOutside = (handler = noop, dependencies) => {
+const useClickOutside = (dependencies, handler = noop) => {
   const callbackRef = useRef(handler);
   const ref = useRef(null);
   const outsideClickHandler = (e) => {
@@ -43,7 +43,7 @@ const usePopover = (defaultOpen = false) => {
   const toggle = useCallback(() => setOpen(!open), []);
   const close = useCallback(() => setOpen(false), []);
   useEscapeHandler(close, []);
-  const contentRef = useClickOutside(open ? close : undefined, []);
+  const contentRef = useClickOutside([], open ? close : undefined);
   const trigger = {
     ref: triggerRef,
     onClick: toggle,