diff --git a/web/core/components/core/favorite-star.tsx b/packages/ui/src/favorite-star.tsx
similarity index 92%
rename from web/core/components/core/favorite-star.tsx
rename to packages/ui/src/favorite-star.tsx
index 40e8ddf08..b71714ab0 100644
--- a/web/core/components/core/favorite-star.tsx
+++ b/packages/ui/src/favorite-star.tsx
@@ -1,6 +1,7 @@
+import React from "react";
 import { Star } from "lucide-react";
 // helpers
-import { cn } from "@/helpers/common.helper";
+import { cn } from "../helpers";
 
 type Props = {
   buttonClassName?: string;
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 8b66c794d..e35a1ba5e 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -1,21 +1,22 @@
 export * from "./avatar";
-export * from "./breadcrumbs";
 export * from "./badge";
+export * from "./breadcrumbs";
 export * from "./button";
-export * from "./emoji";
-export * from "./dropdowns";
+export * from "./control-link";
 export * from "./dropdown";
+export * from "./dropdowns";
+export * from "./emoji";
 export * from "./form-fields";
+export * from "./hooks";
 export * from "./icons";
 export * from "./modals";
 export * from "./progress";
-export * from "./spinners";
-export * from "./tooltip";
-export * from "./loader";
-export * from "./control-link";
-export * from "./toast";
-export * from "./drag-handle";
-export * from "./typography";
-export * from "./drop-indicator";
 export * from "./sortable";
-export * from "./hooks";
+export * from "./spinners";
+export * from "./toast";
+export * from "./tooltip";
+export * from "./typography";
+export * from "./drag-handle";
+export * from "./drop-indicator";
+export * from "./favorite-star";
+export * from "./loader";
diff --git a/web/core/components/core/index.ts b/web/core/components/core/index.ts
index 2cc19c288..77ff591cf 100644
--- a/web/core/components/core/index.ts
+++ b/web/core/components/core/index.ts
@@ -3,7 +3,6 @@ export * from "./modals";
 export * from "./multiple-select";
 export * from "./sidebar";
 export * from "./activity";
-export * from "./favorite-star";
 export * from "./theme";
 export * from "./image-picker-popover";
 export * from "./page-title";
diff --git a/web/core/components/cycles/active-cycle/upcoming-cycles-list-item.tsx b/web/core/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
index 5677082d6..4cdadac97 100644
--- a/web/core/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
+++ b/web/core/components/cycles/active-cycle/upcoming-cycles-list-item.tsx
@@ -6,9 +6,8 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import { Users } from "lucide-react";
 // ui
-import { Avatar, AvatarGroup, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, FavoriteStar, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 // constants
 import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "@/constants/event-tracker";
diff --git a/web/core/components/cycles/board/cycles-board-card.tsx b/web/core/components/cycles/board/cycles-board-card.tsx
index ecdb17ccf..e14f63a95 100644
--- a/web/core/components/cycles/board/cycles-board-card.tsx
+++ b/web/core/components/cycles/board/cycles-board-card.tsx
@@ -8,9 +8,8 @@ import { CalendarCheck2, CalendarClock, Info, MoveRight } from "lucide-react";
 // types
 import type { TCycleGroups } from "@plane/types";
 // ui
-import { Avatar, AvatarGroup, Tooltip, LayersIcon, CycleGroupIcon, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, Tooltip, LayersIcon, CycleGroupIcon, setPromiseToast, FavoriteStar } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 // constants
 import { CYCLE_STATUS } from "@/constants/cycle";
diff --git a/web/core/components/cycles/list/cycle-list-item-action.tsx b/web/core/components/cycles/list/cycle-list-item-action.tsx
index ce10fe8a8..199fe4233 100644
--- a/web/core/components/cycles/list/cycle-list-item-action.tsx
+++ b/web/core/components/cycles/list/cycle-list-item-action.tsx
@@ -6,9 +6,8 @@ import { CalendarCheck2, CalendarClock, MoveRight, Users } from "lucide-react";
 // types
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
-import { Avatar, AvatarGroup, Tooltip, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, FavoriteStar, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 import { ButtonAvatars } from "@/components/dropdowns/member/avatar";
 // constants
diff --git a/web/core/components/modules/module-card-item.tsx b/web/core/components/modules/module-card-item.tsx
index c15d3d144..cda9c7381 100644
--- a/web/core/components/modules/module-card-item.tsx
+++ b/web/core/components/modules/module-card-item.tsx
@@ -6,9 +6,8 @@ import Link from "next/link";
 import { useParams, usePathname, useSearchParams } from "next/navigation";
 import { CalendarCheck2, CalendarClock, Info, MoveRight, SquareUser } from "lucide-react";
 // ui
-import { LayersIcon, Tooltip, setPromiseToast } from "@plane/ui";
+import { FavoriteStar, LayersIcon, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { ButtonAvatars } from "@/components/dropdowns/member/avatar";
 import { ModuleQuickActions } from "@/components/modules";
 // constants
diff --git a/web/core/components/modules/module-list-item-action.tsx b/web/core/components/modules/module-list-item-action.tsx
index 249eb4821..e221904b6 100644
--- a/web/core/components/modules/module-list-item-action.tsx
+++ b/web/core/components/modules/module-list-item-action.tsx
@@ -8,9 +8,8 @@ import { CalendarCheck2, CalendarClock, MoveRight, SquareUser } from "lucide-rea
 // types
 import { IModule } from "@plane/types";
 // ui
-import { Tooltip, setPromiseToast } from "@plane/ui";
+import { FavoriteStar, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { ModuleQuickActions } from "@/components/modules";
 // constants
 import { MODULE_FAVORITED, MODULE_UNFAVORITED } from "@/constants/event-tracker";
diff --git a/web/core/components/pages/list/block-item-action.tsx b/web/core/components/pages/list/block-item-action.tsx
index 5d0b3771b..1dd93c062 100644
--- a/web/core/components/pages/list/block-item-action.tsx
+++ b/web/core/components/pages/list/block-item-action.tsx
@@ -4,9 +4,8 @@ import React, { FC } from "react";
 import { observer } from "mobx-react";
 import { Earth, Info, Lock, Minus } from "lucide-react";
 // ui
-import { Avatar, TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
+import { Avatar, FavoriteStar, TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { PageQuickActions } from "@/components/pages/dropdowns";
 // helpers
 import { renderFormattedDate } from "@/helpers/date-time.helper";
diff --git a/web/core/components/project/card.tsx b/web/core/components/project/card.tsx
index edfaa07c1..3f8f1db7d 100644
--- a/web/core/components/project/card.tsx
+++ b/web/core/components/project/card.tsx
@@ -18,10 +18,10 @@ import {
   setPromiseToast,
   ContextMenu,
   TContextMenuItem,
+  FavoriteStar,
 } from "@plane/ui";
 // components
 import { Logo } from "@/components/common";
-import { FavoriteStar } from "@/components/core";
 import { ArchiveRestoreProjectModal, DeleteProjectModal, JoinProjectModal } from "@/components/project";
 // constants
 import { EUserProjectRoles } from "@/constants/project";
diff --git a/web/core/components/views/view-list-item-action.tsx b/web/core/components/views/view-list-item-action.tsx
index 277e370b8..66f9a0622 100644
--- a/web/core/components/views/view-list-item-action.tsx
+++ b/web/core/components/views/view-list-item-action.tsx
@@ -3,8 +3,9 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { IProjectView } from "@plane/types";
+// ui
+import { FavoriteStar } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { DeleteProjectViewModal, CreateUpdateProjectViewModal, ViewQuickActions } from "@/components/views";
 // constants
 import { EUserProjectRoles } from "@/constants/project";