diff --git a/web/app/[workspaceSlug]/(pages)/pages/sidebar.tsx b/web/app/[workspaceSlug]/(pages)/pages/sidebar.tsx
index a391369e97..83eea9c355 100644
--- a/web/app/[workspaceSlug]/(pages)/pages/sidebar.tsx
+++ b/web/app/[workspaceSlug]/(pages)/pages/sidebar.tsx
@@ -2,13 +2,14 @@ import { useRef } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import useSWR from "swr";
+// plane helpers
+import { useOutsideClickDetector } from "@plane/helpers";
 // components
 import { SidebarHelpSection } from "@/components/workspace";
 // helpers
 import { cn } from "@/helpers/common.helper";
 // hooks
 import { useAppTheme } from "@/hooks/store";
-import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
 // plane web components
 import {
   PagesAppSidebarDropdown,
diff --git a/web/ee/components/estimates/points/select-dropdown.tsx b/web/ee/components/estimates/points/select-dropdown.tsx
index e55b33f886..1dd6f6e782 100644
--- a/web/ee/components/estimates/points/select-dropdown.tsx
+++ b/web/ee/components/estimates/points/select-dropdown.tsx
@@ -4,12 +4,11 @@ import { FC, useRef, Fragment, useState } from "react";
 import { usePopper } from "react-popper";
 import { Info, Check, ChevronDown } from "lucide-react";
 import { Listbox, Transition } from "@headlessui/react";
+import { useOutsideClickDetector } from "@plane/helpers";
 import { TEstimatePointsObject } from "@plane/types";
 import { Tooltip } from "@plane/ui";
 // helpers
 import { cn } from "@/helpers/common.helper";
-// hooks
-import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
 
 type TEstimatePointDropdown = {
   options: TEstimatePointsObject[];
diff --git a/web/ee/components/issue-types/common/icon-picker.tsx b/web/ee/components/issue-types/common/icon-picker.tsx
index 800e4fdc3b..5eadfd61a9 100644
--- a/web/ee/components/issue-types/common/icon-picker.tsx
+++ b/web/ee/components/issue-types/common/icon-picker.tsx
@@ -3,12 +3,11 @@ import { Placement } from "@popperjs/core";
 import { observer } from "mobx-react";
 import { usePopper } from "react-popper";
 import { Popover } from "@headlessui/react";
+import { useOutsideClickDetector } from "@plane/helpers";
 // types
 import { TLogoProps } from "@plane/types";
 // helpers
 import { cn } from "@/helpers/common.helper";
-// hooks
-import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
 // local components
 import { IssueTypeLogo, TIssueTypeLogoSize } from "./issue-type-logo";
 import { LucideIconsList } from "./lucide-icons-list";