diff --git a/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx b/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx
index da7b90291..34e2a2bee 100644
--- a/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx
+++ b/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/header.tsx
@@ -110,7 +110,7 @@ export const PageDetailsHeader = observer(() => {
         </div>
       </Header.LeftItem>
       <Header.RightItem>
-        <PageDetailsHeaderExtraActions page={page} />
+        <PageDetailsHeaderExtraActions page={page} storeType={storeType} />
         <PageHeaderActions page={page} storeType={storeType} />
       </Header.RightItem>
     </Header>
diff --git a/web/ce/components/pages/extra-actions.tsx b/web/ce/components/pages/extra-actions.tsx
index dd15dab7e..acfb9dfc7 100644
--- a/web/ce/components/pages/extra-actions.tsx
+++ b/web/ce/components/pages/extra-actions.tsx
@@ -1,8 +1,10 @@
 // store
+import { EPageStoreType } from "@/plane-web/hooks/store";
 import { TPageInstance } from "@/store/pages/base-page";
 
 export type TPageHeaderExtraActionsProps = {
   page: TPageInstance;
+  storeType: EPageStoreType;
 };
 
 export const PageDetailsHeaderExtraActions: React.FC<TPageHeaderExtraActionsProps> = () => null;
diff --git a/web/ce/components/pages/header/share-control.tsx b/web/ce/components/pages/header/share-control.tsx
new file mode 100644
index 000000000..bedd0322c
--- /dev/null
+++ b/web/ce/components/pages/header/share-control.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { type EPageStoreType } from "@/plane-web/hooks/store";
+// store
+import { TPageInstance } from "@/store/pages/base-page";
+
+export type TPageShareControlProps = {
+  page: TPageInstance;
+  storeType: EPageStoreType;
+};
+
+export const PageShareControl = ({}: TPageShareControlProps) => null;
diff --git a/web/ce/hooks/use-page-flag.ts b/web/ce/hooks/use-page-flag.ts
index 84dc31c0d..94d72065a 100644
--- a/web/ce/hooks/use-page-flag.ts
+++ b/web/ce/hooks/use-page-flag.ts
@@ -4,11 +4,13 @@ export type TPageFlagHookArgs = {
 
 export type TPageFlagHookReturnType = {
   isMovePageEnabled: boolean;
+  isPageSharingEnabled: boolean;
 };
 
 export const usePageFlag = (args: TPageFlagHookArgs): TPageFlagHookReturnType => {
   const {} = args;
   return {
     isMovePageEnabled: false,
+    isPageSharingEnabled: false,
   };
 };
diff --git a/web/core/components/pages/header/actions.tsx b/web/core/components/pages/header/actions.tsx
index 3c73d42ef..6c6cb2f6c 100644
--- a/web/core/components/pages/header/actions.tsx
+++ b/web/core/components/pages/header/actions.tsx
@@ -6,6 +6,7 @@ import { PageInfoPopover, PageOptionsDropdown } from "@/components/pages";
 // plane web components
 import { PageLockControl } from "@/plane-web/components/pages/header/lock-control";
 import { PageMoveControl } from "@/plane-web/components/pages/header/move-control";
+import { PageShareControl } from "@/plane-web/components/pages/header/share-control";
 // plane web hooks
 import { EPageStoreType } from "@/plane-web/hooks/store";
 // store
@@ -33,6 +34,7 @@ export const PageHeaderActions: React.FC<Props> = observer((props) => {
       <PageInfoPopover page={page} />
       <PageCopyLinkControl page={page} />
       <PageFavoriteControl page={page} />
+      <PageShareControl page={page} storeType={storeType} />
       <PageOptionsDropdown page={page} storeType={storeType} />
     </div>
   );