diff --git a/apps/web/ce/components/common/extended-app-header.tsx b/apps/web/ce/components/common/extended-app-header.tsx
index a8f83b339..f0c974348 100644
--- a/apps/web/ce/components/common/extended-app-header.tsx
+++ b/apps/web/ce/components/common/extended-app-header.tsx
@@ -1,8 +1,9 @@
 import { ReactNode } from "react";
+import { observer } from "mobx-react";
 import { AppSidebarToggleButton } from "@/components/sidebar";
 import { useAppTheme } from "@/hooks/store/use-app-theme";
 
-export const ExtendedAppHeader = (props: { header: ReactNode }) => {
+export const ExtendedAppHeader = observer((props: { header: ReactNode }) => {
   const { header } = props;
   // store hooks
   const { sidebarCollapsed } = useAppTheme();
@@ -13,4 +14,4 @@ export const ExtendedAppHeader = (props: { header: ReactNode }) => {
       <div className="w-full">{header}</div>
     </>
   );
-};
+});
diff --git a/apps/web/ee/components/common/extended-app-header.tsx b/apps/web/ee/components/common/extended-app-header.tsx
index 3719b5662..2fab142d6 100644
--- a/apps/web/ee/components/common/extended-app-header.tsx
+++ b/apps/web/ee/components/common/extended-app-header.tsx
@@ -1 +1 @@
-export * from "./extended-app-header";
+export * from "ce/components/common/extended-app-header";