diff --git a/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx b/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx
index 98da0310b..4e87abfda 100644
--- a/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx
+++ b/packages/console/src/pages/ApplicationDetails/ApplicationDetailsContent/Permissions/ApplicationScopesAssignmentModal/index.tsx
@@ -47,21 +47,28 @@ function ApplicationScopesAssignmentModal({ isOpen, onClose, applicationId }: Pr
const tabs = useMemo(
() =>
- Object.values(permissionTabs).map(({ title, key }) => {
- const selectedDataCount = scopesAssignment[key].selectedData.length;
+ Object.values(permissionTabs)
+ /**
+ * Hide the organization resource scopes tab since the feature is not ready.
+ * We don't need the `isDevFeaturesEnabled` flag since the feature will change the UI.
+ * Todo @xiaoyijun Implement the new organization resource scopes feature. LOG-8823
+ */
+ .filter(({ key }) => key !== ApplicationUserConsentScopeType.OrganizationResourceScopes)
+ .map(({ title, key }) => {
+ const selectedDataCount = scopesAssignment[key].selectedData.length;
- return (
- {
- setActiveTab(key);
- }}
- >
- {`${t(title)}${selectedDataCount ? ` (${selectedDataCount})` : ''}`}
-
- );
- }),
+ return (
+ {
+ setActiveTab(key);
+ }}
+ >
+ {`${t(title)}${selectedDataCount ? ` (${selectedDataCount})` : ''}`}
+
+ );
+ }),
[activeTab, scopesAssignment, setActiveTab, t]
);