diff --git a/web/core/components/pages/header/actions.tsx b/web/core/components/pages/header/actions.tsx
index c9e3843704b..3c73d42efd4 100644
--- a/web/core/components/pages/header/actions.tsx
+++ b/web/core/components/pages/header/actions.tsx
@@ -13,6 +13,7 @@ import { TPageInstance } from "@/store/pages/base-page";
 // local imports
 import { PageArchivedBadge } from "./archived-badge";
 import { PageCopyLinkControl } from "./copy-link-control";
+import { PageFavoriteControl } from "./favorite-control";
 import { PageOfflineBadge } from "./offline-badge";
 
 type Props = {
@@ -31,6 +32,7 @@ export const PageHeaderActions: React.FC<Props> = observer((props) => {
       <PageMoveControl page={page} />
       <PageInfoPopover page={page} />
       <PageCopyLinkControl page={page} />
+      <PageFavoriteControl page={page} />
       <PageOptionsDropdown page={page} storeType={storeType} />
     </div>
   );