diff --git a/web/app/[workspaceSlug]/(projects)/active-cycles/header.tsx b/web/app/[workspaceSlug]/(projects)/active-cycles/header.tsx
index 26d87a5a68..aa9b163106 100644
--- a/web/app/[workspaceSlug]/(projects)/active-cycles/header.tsx
+++ b/web/app/[workspaceSlug]/(projects)/active-cycles/header.tsx
@@ -23,7 +23,7 @@ export const WorkspaceActiveCycleHeader = observer(() => (
             }
           />
         </Breadcrumbs>
-        <UpgradeBadge size="md" />
+        <UpgradeBadge size="md" flag="WORKSPACE_ACTIVE_CYCLES" />
       </div>
     </div>
   </div>
diff --git a/web/core/components/workspace/sidebar/workspace-menu.tsx b/web/core/components/workspace/sidebar/workspace-menu.tsx
index 15df1c70a7..fd57c9a230 100644
--- a/web/core/components/workspace/sidebar/workspace-menu.tsx
+++ b/web/core/components/workspace/sidebar/workspace-menu.tsx
@@ -126,7 +126,7 @@ export const SidebarWorkspaceMenu = observer(() => {
                         </div>
                         {!sidebarCollapsed && link.key === "active-cycles" && (
                           <div className="flex-shrink-0">
-                            <UpgradeBadge />
+                            <UpgradeBadge flag="WORKSPACE_ACTIVE_CYCLES" />
                           </div>
                         )}
                       </div>
diff --git a/web/ee/components/workspace/upgrade-badge.tsx b/web/ee/components/workspace/upgrade-badge.tsx
index 0ce2a6abdf..926c657edd 100644
--- a/web/ee/components/workspace/upgrade-badge.tsx
+++ b/web/ee/components/workspace/upgrade-badge.tsx
@@ -4,20 +4,24 @@ import { observer } from "mobx-react";
 import { cn } from "@/helpers/common.helper";
 // store
 import { useWorkspaceSubscription } from "@/plane-web/hooks/store";
+// plane web hooks
+import { E_FEATURE_FLAGS, useFlag } from "@/plane-web/hooks/store/use-flag";
 
 type TUpgradeBadge = {
   className?: string;
   size?: "sm" | "md";
+  flag?: keyof typeof E_FEATURE_FLAGS;
 };
 
 export const UpgradeBadge: FC<TUpgradeBadge> = observer((props) => {
-  const { className, size = "sm" } = props;
+  const { className, size = "sm", flag } = props;
   // store hooks
   const { currentWorkspaceSubscribedPlanDetail } = useWorkspaceSubscription();
   // derived values
+  const isFeatureEnabled = flag ? useFlag(flag) : false;
   const isSubscribedToPro = currentWorkspaceSubscribedPlanDetail?.product === "PRO";
 
-  if (!currentWorkspaceSubscribedPlanDetail || isSubscribedToPro) {
+  if (!currentWorkspaceSubscribedPlanDetail || isFeatureEnabled || isSubscribedToPro) {
     return null;
   }