diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index 321f4db06958..6b33b77a6f74 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -264,7 +264,7 @@ export class ChromeService {
           isLocked$={getIsNavDrawerLocked$}
           branding={injectedMetadata.getBranding()}
           survey={injectedMetadata.getSurvey()}
-          workspaces={workspaces}
+          currentWorkspace$={workspaces.client.currentWorkspace$}
         />
       ),
 
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index df7a42874ed3..549f13997f79 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -51,7 +51,7 @@ import { HttpStart } from '../../../http';
 import { OnIsLockedUpdate } from './';
 import { createEuiListItem, createRecentNavLink, isModifiedOrPrevented } from './nav_link';
 import { ChromeBranding } from '../../chrome_service';
-import { WorkspacesStart } from '../../../workspace';
+import { WorkspaceAttribute } from '../../../workspace';
 
 function getAllCategories(allCategorizedLinks: Record<string, ChromeNavLink[]>) {
   const allCategories = {} as Record<string, AppCategory | undefined>;
@@ -103,7 +103,7 @@ interface Props {
   navigateToUrl: InternalApplicationStart['navigateToUrl'];
   customNavLink$: Rx.Observable<ChromeNavLink | undefined>;
   branding: ChromeBranding;
-  workspaces: WorkspacesStart;
+  currentWorkspace$: Rx.BehaviorSubject<WorkspaceAttribute | null>;
 }
 
 export function CollapsibleNav({
@@ -118,19 +118,20 @@ export function CollapsibleNav({
   navigateToApp,
   navigateToUrl,
   branding,
-  workspaces,
   ...observables
 }: Props) {
   const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
   const recentlyAccessed = useObservable(observables.recentlyAccessed$, []);
   const customNavLink = useObservable(observables.customNavLink$, undefined);
   const appId = useObservable(observables.appId$, '');
+  const currentWorkspace = useObservable(observables.currentWorkspace$);
   const lockRef = useRef<HTMLButtonElement>(null);
   const groupedNavLinks = groupBy(navLinks, (link) => link?.category?.id);
   const { undefined: unknowns = [], ...allCategorizedLinks } = groupedNavLinks;
-  const filterdLinks = filterLinks(allCategorizedLinks);
+  const filterdLinks = getFilterLinks(currentWorkspace, allCategorizedLinks);
   const categoryDictionary = getAllCategories(filterdLinks);
   const orderedCategories = getOrderedCategories(filterdLinks, categoryDictionary);
+
   const readyForEUI = (link: ChromeNavLink, needsIcon: boolean = false) => {
     return createEuiListItem({
       link,
@@ -149,13 +150,22 @@ export function CollapsibleNav({
   const markDefault = branding.mark?.defaultUrl;
   const markDarkMode = branding.mark?.darkModeUrl;
 
-  function filterLinks(links: Record<string, ChromeNavLink[]>) {
-    return links;
-    // TODO: features is an array of string, wait specific and real data to do integration
-    // const data = await workspaces.client.getCurrentWorkspace();
-    // if (data.success) {
-    //   const result = data.result.features;
-    // }
+  function getFilterLinks(
+    workspace: WorkspaceAttribute | null | undefined,
+    categorizedLinks: Record<string, ChromeNavLink[]>
+  ) {
+    // plugins are in this dictionary
+    const pluginsDictionary = categorizedLinks.opensearch;
+    if (!pluginsDictionary) return categorizedLinks;
+
+    const features = workspace?.features ?? [];
+    const newPluginsDictionary = pluginsDictionary.filter((item) => features.indexOf(item.id) > -1);
+    if (newPluginsDictionary.length === 0) {
+      delete categorizedLinks.opensearch;
+    } else {
+      categorizedLinks.opensearch = newPluginsDictionary;
+    }
+    return categorizedLinks;
   }
 
   /**
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index c07af860b582..a2b218ae4087 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -42,7 +42,7 @@ import { i18n } from '@osd/i18n';
 import classnames from 'classnames';
 import React, { createRef, useState } from 'react';
 import useObservable from 'react-use/lib/useObservable';
-import { Observable } from 'rxjs';
+import { Observable, BehaviorSubject } from 'rxjs';
 import { LoadingIndicator } from '../';
 import {
   ChromeBadge,
@@ -63,7 +63,7 @@ import { HomeLoader } from './home_loader';
 import { HeaderNavControls } from './header_nav_controls';
 import { HeaderActionMenu } from './header_action_menu';
 import { HeaderLogo } from './header_logo';
-import { WorkspacesStart } from '../../../workspace';
+import { WorkspaceAttribute } from '../../../workspace';
 
 export interface HeaderProps {
   opensearchDashboardsVersion: string;
@@ -91,7 +91,7 @@ export interface HeaderProps {
   onIsLockedUpdate: OnIsLockedUpdate;
   branding: ChromeBranding;
   survey: string | undefined;
-  workspaces: WorkspacesStart;
+  currentWorkspace$: BehaviorSubject<WorkspaceAttribute | null>;
 }
 
 export function Header({
@@ -257,7 +257,7 @@ export function Header({
           }}
           customNavLink$={observables.customNavLink$}
           branding={branding}
-          workspaces={observables.workspaces}
+          currentWorkspace$={observables.currentWorkspace$}
         />
       </header>
     </>