From 37318cab4e14e4c52c9d0c1f8ac536bed4e3aae6 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 1 Sep 2022 12:52:55 +0300
Subject: [PATCH] Fix: align sidebar menu items (#6138)

* Introduce sitebar-items.module.scss

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust sidebar item styles

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Use classnames from a scss module

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Set sidebar min width to 150px to keep readability

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Break words in long links

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust navigation paddings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Remove unused scss file

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Updating bunch of snapshots

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../order-of-sidebar-items.test.tsx.snap      |  160 +--
 ...-and-tab-navigation-for-core.test.tsx.snap |  430 +++----
 ...ab-navigation-for-extensions.test.tsx.snap |  520 +++-----
 .../visibility-of-sidebar-items.test.tsx.snap |  112 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  156 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...how-status-for-a-kube-object.test.tsx.snap |  300 ++---
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 .../edit-namespace-from-new-tab.test.tsx.snap |  896 +++++---------
 ...e-from-previously-opened-tab.test.tsx.snap |  112 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...lling-helm-chart-from-new-tab.test.ts.snap | 1050 ++++++-----------
 ...rt-from-previously-opened-tab.test.ts.snap |  100 +-
 ...tab-for-installing-helm-chart.test.ts.snap |  400 +++----
 ...wing-details-for-helm-release.test.ts.snap |  800 +++++--------
 .../components/layout/main-layout.tsx         |    2 +-
 .../components/layout/sidebar-item.scss       |   97 --
 .../components/layout/sidebar-item.tsx        |   16 +-
 .../layout/sidebar-items.module.scss          |   63 +
 .../components/layout/sidebar.module.scss     |    1 -
 .../__snapshots__/cluster-frame.test.tsx.snap |  192 ++-
 23 files changed, 2219 insertions(+), 3938 deletions(-)
 delete mode 100644 src/renderer/components/layout/sidebar-item.scss
 create mode 100644 src/renderer/components/layout/sidebar-items.module.scss

diff --git a/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
index b9d854220c..7f76811494 100644
--- a/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,17 +96,15 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -127,7 +121,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -141,13 +135,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -164,7 +156,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -178,9 +170,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -191,13 +181,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-another-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-another-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some another parent
               </span>
             </a>
@@ -208,7 +196,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -219,13 +207,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -242,7 +228,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -256,9 +242,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -269,7 +253,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -283,13 +267,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -306,13 +288,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some other parent
               </span>
             </a>
@@ -619,7 +599,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -630,13 +610,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -653,7 +631,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -667,9 +645,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -680,17 +656,15 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -701,7 +675,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -710,13 +684,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some child
                   </span>
                 </a>
@@ -728,13 +700,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-another-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-another-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some another child
                   </span>
                 </a>
@@ -746,13 +716,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                 data-testid="sidebar-item-some-other-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-other-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some other child
                   </span>
                 </a>
@@ -765,7 +733,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -779,13 +747,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -802,7 +768,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -816,9 +782,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -829,13 +793,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-another-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-another-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some another parent
               </span>
             </a>
@@ -846,7 +808,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -857,13 +819,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -880,7 +840,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -894,9 +854,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -907,7 +865,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -921,13 +879,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -944,13 +900,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some other parent
               </span>
             </a>
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
index 5fb10c9de1..49fcc917a4 100644
--- a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,20 +96,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -130,7 +124,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -144,13 +138,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -167,7 +159,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -181,9 +173,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -194,7 +184,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -205,13 +195,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -228,7 +216,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -242,9 +230,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -255,7 +241,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -269,13 +255,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -588,7 +572,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -599,13 +583,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -622,7 +604,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -636,9 +618,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -649,20 +629,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -679,7 +657,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -693,13 +671,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -716,7 +692,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -730,9 +706,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -743,7 +717,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -754,13 +728,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -777,7 +749,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -791,9 +763,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -804,7 +774,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -818,13 +788,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1137,7 +1105,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1148,13 +1116,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1171,7 +1137,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1185,9 +1151,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1198,20 +1162,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1222,7 +1184,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1231,13 +1193,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                 data-testid="sidebar-item-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some child
                   </span>
                 </a>
@@ -1250,7 +1210,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1264,13 +1224,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1287,7 +1245,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1301,9 +1259,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1314,7 +1270,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1325,13 +1281,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1348,7 +1302,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1362,9 +1316,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1375,7 +1327,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1389,13 +1341,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1707,7 +1657,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1718,13 +1668,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1741,7 +1689,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1755,9 +1703,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1769,20 +1715,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1793,7 +1737,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu active"
+              class="subMenu active"
             >
               <div
                 class="SidebarItem"
@@ -1803,13 +1747,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               >
                 <a
                   aria-current="page"
-                  class="nav-item flex gaps align-center active"
+                  class="navItem active"
                   data-testid="sidebar-item-link-for-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some child
                   </span>
                 </a>
@@ -1822,7 +1764,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1836,13 +1778,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1859,7 +1799,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1873,9 +1813,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1886,7 +1824,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1897,13 +1835,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1920,7 +1856,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1934,9 +1870,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1947,7 +1881,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1961,13 +1895,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2158,7 +2090,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -2169,13 +2101,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2192,7 +2122,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -2206,9 +2136,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -2220,20 +2148,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2250,7 +2176,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -2264,13 +2190,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2287,7 +2211,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -2301,9 +2225,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -2314,7 +2236,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -2325,13 +2247,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2348,7 +2268,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -2362,9 +2282,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -2375,7 +2293,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -2389,13 +2307,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2587,7 +2503,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -2598,13 +2514,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2621,7 +2535,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -2635,9 +2549,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -2648,20 +2560,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2672,7 +2582,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -2681,13 +2591,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                 data-testid="sidebar-item-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Some child
                   </span>
                 </a>
@@ -2700,7 +2608,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -2714,13 +2622,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2737,7 +2643,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -2751,9 +2657,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -2764,7 +2668,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -2775,13 +2679,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2798,7 +2700,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -2812,9 +2714,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -2825,7 +2725,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -2839,13 +2739,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3158,7 +3056,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -3169,13 +3067,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3192,7 +3088,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -3206,9 +3102,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -3219,20 +3113,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3249,7 +3141,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -3263,13 +3155,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3286,7 +3176,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -3300,9 +3190,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -3313,7 +3201,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -3324,13 +3212,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3347,7 +3233,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -3361,9 +3247,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -3374,7 +3258,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -3388,13 +3272,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
index 4a1bc12025..fff3da0126 100644
--- a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,7 +96,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -114,13 +110,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -137,7 +131,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -151,9 +145,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -164,7 +156,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -175,13 +167,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -198,7 +188,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -212,9 +202,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -225,7 +213,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -239,13 +227,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -262,20 +248,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -588,7 +572,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -599,13 +583,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -622,7 +604,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -636,9 +618,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -649,7 +629,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -663,13 +643,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -686,7 +664,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -700,9 +678,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -713,7 +689,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -724,13 +700,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -747,7 +721,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -761,9 +735,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -774,7 +746,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -788,13 +760,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -811,20 +781,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1137,7 +1105,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1148,13 +1116,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1171,7 +1137,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1185,9 +1151,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1198,7 +1162,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1212,13 +1176,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1235,7 +1197,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1249,9 +1211,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1262,7 +1222,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1273,13 +1233,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1296,7 +1254,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1310,9 +1268,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1323,7 +1279,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1337,13 +1293,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1360,20 +1314,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1384,7 +1336,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1393,13 +1345,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 1
                   </span>
                 </a>
@@ -1411,13 +1361,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-other-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 2
                   </span>
                 </a>
@@ -1725,7 +1673,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1736,13 +1684,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1759,7 +1705,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1773,9 +1719,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1786,7 +1730,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1800,13 +1744,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1823,7 +1765,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1837,9 +1779,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1850,7 +1790,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1861,13 +1801,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1884,7 +1822,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1898,9 +1836,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1911,7 +1847,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1925,13 +1861,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1949,20 +1883,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1973,7 +1905,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu active"
+              class="subMenu active"
             >
               <div
                 class="SidebarItem"
@@ -1983,13 +1915,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               >
                 <a
                   aria-current="page"
-                  class="nav-item flex gaps align-center active"
+                  class="navItem active"
                   data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 1
                   </span>
                 </a>
@@ -2001,13 +1931,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-other-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 2
                   </span>
                 </a>
@@ -2233,7 +2161,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -2244,13 +2172,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2267,7 +2193,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -2281,9 +2207,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -2294,7 +2218,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -2308,13 +2232,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2331,7 +2253,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -2345,9 +2267,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -2358,7 +2278,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -2369,13 +2289,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2392,7 +2310,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -2406,9 +2324,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -2419,7 +2335,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -2433,13 +2349,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2457,20 +2371,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2481,7 +2393,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu active"
+              class="subMenu active"
             >
               <div
                 class="SidebarItem"
@@ -2490,13 +2402,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 1
                   </span>
                 </a>
@@ -2509,13 +2419,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               >
                 <a
                   aria-current="page"
-                  class="nav-item flex gaps align-center active"
+                  class="navItem active"
                   data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 2
                   </span>
                 </a>
@@ -2741,7 +2649,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -2752,13 +2660,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2775,7 +2681,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -2789,9 +2695,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -2802,7 +2706,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -2816,13 +2720,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2839,7 +2741,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -2853,9 +2755,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -2866,7 +2766,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -2877,13 +2777,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2900,7 +2798,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -2914,9 +2812,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -2927,7 +2823,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -2941,13 +2837,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -2965,20 +2859,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3209,7 +3101,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -3220,13 +3112,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3243,7 +3133,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -3257,9 +3147,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -3270,7 +3158,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -3284,13 +3172,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3307,7 +3193,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -3321,9 +3207,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -3334,7 +3218,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -3345,13 +3229,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3368,7 +3250,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -3382,9 +3264,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -3395,7 +3275,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -3409,13 +3289,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3432,20 +3310,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3456,7 +3332,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -3465,13 +3341,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 1
                   </span>
                 </a>
@@ -3483,13 +3357,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                 data-testid="sidebar-item-some-extension-name-some-other-child-id"
               >
                 <a
-                  class="nav-item flex gaps align-center"
+                  class="navItem"
                   data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
                   href="/"
                 >
-                  <span
-                    class="link-text box grow"
-                  >
+                  <span>
                     Child 2
                   </span>
                 </a>
@@ -3798,7 +3670,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -3809,13 +3681,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3832,7 +3702,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -3846,9 +3716,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -3859,7 +3727,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -3873,13 +3741,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3896,7 +3762,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -3910,9 +3776,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -3923,7 +3787,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -3934,13 +3798,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -3957,7 +3819,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -3971,9 +3833,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -3984,7 +3844,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -3998,13 +3858,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -4021,20 +3879,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
index 21817f2a34..ed36d5134f 100644
--- a/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,7 +96,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -114,13 +110,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -137,7 +131,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -151,9 +145,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -164,7 +156,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -175,13 +167,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -198,7 +188,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -212,9 +202,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -225,7 +213,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -239,13 +227,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -558,7 +544,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -569,13 +555,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -592,7 +576,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -606,9 +590,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -619,13 +601,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-some-item-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-item-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some item
               </span>
             </a>
@@ -636,7 +616,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -650,13 +630,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -673,7 +651,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -687,9 +665,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -700,7 +676,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -714,9 +690,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -727,7 +701,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -738,13 +712,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -761,7 +733,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -775,9 +747,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -788,7 +758,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -802,13 +772,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
index 8d5a23815e..d7daa6bf14 100644
--- a/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -441,7 +427,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -452,13 +438,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -475,7 +459,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -489,9 +473,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -502,7 +484,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -516,13 +498,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -539,7 +519,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -553,9 +533,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -566,7 +544,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -577,13 +555,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -600,7 +576,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -614,9 +590,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -627,7 +601,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -641,13 +615,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -962,7 +934,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -973,13 +945,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -996,7 +966,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1010,9 +980,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1023,7 +991,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1037,13 +1005,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1060,7 +1026,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1074,9 +1040,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1087,7 +1051,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1098,13 +1062,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1121,7 +1083,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1135,9 +1097,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1148,7 +1108,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1162,13 +1122,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
index bc3e97af6f..3dde5af5d5 100644
--- a/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -263,16 +249,14 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-test-extension-some-sidebar-item"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-test-extension-some-sidebar-item"
                 href="/"
               >
                 <div>
                   Some icon
                 </div>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Some sidebar item
                 </span>
               </a>
@@ -581,7 +565,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -592,13 +576,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -615,7 +597,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -629,9 +611,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -642,7 +622,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -656,13 +636,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -679,7 +657,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -693,9 +671,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -706,7 +682,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -717,13 +693,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -740,7 +714,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -754,9 +728,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -767,7 +739,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -781,13 +753,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1102,7 +1072,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1113,13 +1083,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1136,7 +1104,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1150,9 +1118,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1163,7 +1129,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1177,13 +1143,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1200,7 +1164,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1214,9 +1178,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1227,7 +1189,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1238,13 +1200,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1261,7 +1221,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1275,9 +1235,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1288,7 +1246,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1302,13 +1260,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
index 4d415c6ae4..60f0d0095a 100644
--- a/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -497,7 +483,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -508,13 +494,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -531,7 +515,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -545,9 +529,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -558,7 +540,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -572,13 +554,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -595,7 +575,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -609,9 +589,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -622,7 +600,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -633,13 +611,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -656,7 +632,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -670,9 +646,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -683,7 +657,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -697,13 +671,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -993,7 +965,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1004,13 +976,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1027,7 +997,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1041,9 +1011,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1054,7 +1022,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1068,13 +1036,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1091,7 +1057,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1105,9 +1071,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1118,7 +1082,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1129,13 +1093,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1152,7 +1114,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1166,9 +1128,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1179,7 +1139,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1193,13 +1153,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
index 9ae3f382cf..9459045e02 100644
--- a/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -445,7 +431,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -456,13 +442,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -479,7 +463,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -493,9 +477,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -506,7 +488,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -520,13 +502,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -543,7 +523,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -557,9 +537,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -570,7 +548,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -581,13 +559,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -604,7 +580,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -618,9 +594,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -631,7 +605,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -645,13 +619,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -845,7 +817,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -856,13 +828,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -879,7 +849,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -893,9 +863,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -906,7 +874,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -920,13 +888,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -943,7 +909,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -957,9 +923,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -970,7 +934,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -981,13 +945,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1004,7 +966,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1018,9 +980,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1031,7 +991,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1045,13 +1005,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
index 3a9398de2c..042e9f02ab 100644
--- a/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
+++ b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -434,7 +420,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -445,13 +431,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -468,7 +452,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -482,9 +466,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -495,7 +477,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -509,13 +491,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -532,7 +512,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -546,9 +526,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -559,7 +537,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -570,13 +548,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -593,7 +569,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -607,9 +583,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -620,7 +594,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -634,13 +608,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1304,7 +1262,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1315,13 +1273,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1338,7 +1294,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1352,9 +1308,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1365,7 +1319,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1379,13 +1333,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1402,7 +1354,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1416,9 +1368,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1429,7 +1379,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1440,13 +1390,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1463,7 +1411,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1477,9 +1425,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1490,7 +1436,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1504,13 +1450,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1699,7 +1643,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1710,13 +1654,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1733,7 +1675,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1747,9 +1689,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1760,7 +1700,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1774,13 +1714,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1797,7 +1735,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1811,9 +1749,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1824,7 +1760,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1835,13 +1771,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1858,7 +1792,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1872,9 +1806,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1885,7 +1817,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1899,13 +1831,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2094,7 +2024,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2105,13 +2035,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2128,7 +2056,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2142,9 +2070,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2155,7 +2081,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2169,13 +2095,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2192,7 +2116,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2206,9 +2130,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2219,7 +2141,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2230,13 +2152,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2253,7 +2173,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2267,9 +2187,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2280,7 +2198,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2294,13 +2212,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
index a80ee5d2b8..001f97e00b 100644
--- a/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -474,7 +460,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -485,13 +471,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -508,7 +492,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -522,9 +506,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -535,7 +517,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -549,13 +531,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -572,7 +552,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -586,9 +566,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -599,7 +577,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -610,13 +588,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -633,7 +609,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -647,9 +623,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -660,7 +634,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -674,13 +648,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
index 3d062ac38e..f46517dc0b 100644
--- a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -179,9 +171,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -192,7 +182,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -203,13 +193,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -226,7 +214,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -240,9 +228,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -253,7 +239,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -267,13 +253,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -690,7 +674,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -701,13 +685,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -724,7 +706,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -738,9 +720,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -751,7 +731,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -765,13 +745,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -788,7 +766,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -802,9 +780,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -816,7 +792,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -830,9 +806,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -843,7 +817,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -854,13 +828,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -877,7 +849,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -891,9 +863,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -904,7 +874,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -918,13 +888,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1346,7 +1314,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1357,13 +1325,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1380,7 +1346,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1394,9 +1360,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1407,7 +1371,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1421,13 +1385,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1444,7 +1406,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1458,9 +1420,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1472,7 +1432,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -1486,9 +1446,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -1499,7 +1457,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1510,13 +1468,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1533,7 +1489,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1547,9 +1503,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1560,7 +1514,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1574,13 +1528,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2071,7 +2023,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2082,13 +2034,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2105,7 +2055,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2119,9 +2069,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2132,7 +2080,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2146,13 +2094,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2169,7 +2115,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2183,9 +2129,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2197,7 +2141,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -2211,9 +2155,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -2224,7 +2166,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2235,13 +2177,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2258,7 +2198,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2272,9 +2212,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2285,7 +2223,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2299,13 +2237,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2771,7 +2707,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2782,13 +2718,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2805,7 +2739,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2819,9 +2753,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2832,7 +2764,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2846,13 +2778,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2869,7 +2799,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2883,9 +2813,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2897,7 +2825,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -2911,9 +2839,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -2924,7 +2850,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2935,13 +2861,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2958,7 +2882,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2972,9 +2896,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2985,7 +2907,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2999,13 +2921,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3543,7 +3463,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3554,13 +3474,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3577,7 +3495,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3591,9 +3509,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3604,7 +3520,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3618,13 +3534,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3641,7 +3555,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3655,9 +3569,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3669,7 +3581,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -3683,9 +3595,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -3696,7 +3606,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3707,13 +3617,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3730,7 +3638,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3744,9 +3652,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3757,7 +3663,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3771,13 +3677,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4317,7 +4221,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4328,13 +4232,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4351,7 +4253,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4365,9 +4267,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4378,7 +4278,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4392,13 +4292,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4415,7 +4313,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4429,9 +4327,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4443,7 +4339,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -4457,9 +4353,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -4470,7 +4364,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4481,13 +4375,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4504,7 +4396,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4518,9 +4410,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4531,7 +4421,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4545,13 +4435,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5056,7 +4944,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5067,13 +4955,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5090,7 +4976,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5104,9 +4990,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5117,7 +5001,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5131,13 +5015,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5154,7 +5036,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5168,9 +5050,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5182,7 +5062,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -5196,9 +5076,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -5209,7 +5087,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5220,13 +5098,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5243,7 +5119,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5257,9 +5133,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5270,7 +5144,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5284,13 +5158,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5790,7 +5662,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5801,13 +5673,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5824,7 +5694,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5838,9 +5708,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5851,7 +5719,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5865,13 +5733,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5888,7 +5754,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5902,9 +5768,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5916,7 +5780,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -5930,9 +5794,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -5943,7 +5805,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5954,13 +5816,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5977,7 +5837,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5991,9 +5851,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6004,7 +5862,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6018,13 +5876,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6515,7 +6371,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -6526,13 +6382,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6549,7 +6403,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -6563,9 +6417,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -6576,7 +6428,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -6590,13 +6442,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6613,7 +6463,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -6627,9 +6477,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -6641,7 +6489,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -6655,9 +6503,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -6668,7 +6514,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -6679,13 +6525,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6702,7 +6546,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -6716,9 +6560,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6729,7 +6571,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6743,13 +6585,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7240,7 +7080,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7251,13 +7091,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7274,7 +7112,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -7288,9 +7126,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -7301,7 +7137,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -7315,13 +7151,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7338,7 +7172,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -7352,9 +7186,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -7366,7 +7198,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -7380,9 +7212,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -7393,7 +7223,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -7404,13 +7234,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7427,7 +7255,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -7441,9 +7269,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -7454,7 +7280,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -7468,13 +7294,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7965,7 +7789,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7976,13 +7800,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7999,7 +7821,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8013,9 +7835,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8026,7 +7846,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8040,13 +7860,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8063,7 +7881,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8077,9 +7895,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8091,7 +7907,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -8105,9 +7921,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -8118,7 +7932,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8129,13 +7943,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8152,7 +7964,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8166,9 +7978,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8179,7 +7989,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8193,13 +8003,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8528,7 +8336,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -8539,13 +8347,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8562,7 +8368,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8576,9 +8382,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8589,7 +8393,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8603,13 +8407,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8626,7 +8428,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8640,9 +8442,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8654,7 +8454,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -8668,9 +8468,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -8681,7 +8479,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8692,13 +8490,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8715,7 +8511,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8729,9 +8525,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8742,7 +8536,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8756,13 +8550,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9262,7 +9054,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -9273,13 +9065,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9296,7 +9086,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -9310,9 +9100,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -9323,7 +9111,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -9337,13 +9125,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9360,7 +9146,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -9374,9 +9160,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -9388,7 +9172,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -9402,9 +9186,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -9415,7 +9197,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -9426,13 +9208,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9449,7 +9229,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -9463,9 +9243,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -9476,7 +9254,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -9490,13 +9268,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9825,7 +9601,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -9836,13 +9612,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9859,7 +9633,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -9873,9 +9647,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -9886,7 +9658,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -9900,13 +9672,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9923,7 +9693,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -9937,9 +9707,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -9951,7 +9719,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -9965,9 +9733,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -9978,7 +9744,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -9989,13 +9755,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10012,7 +9776,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10026,9 +9790,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10039,7 +9801,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10053,13 +9815,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10388,7 +10148,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -10399,13 +10159,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10422,7 +10180,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -10436,9 +10194,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -10449,7 +10205,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -10463,13 +10219,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10486,7 +10240,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -10500,9 +10254,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -10514,7 +10266,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -10528,9 +10280,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -10541,7 +10291,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -10552,13 +10302,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10575,7 +10323,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10589,9 +10337,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10602,7 +10348,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10616,13 +10362,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
index 5acd981e8f..e23184d8fc 100644
--- a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-namespaces"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -179,9 +171,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -192,7 +182,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -203,13 +193,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -226,7 +214,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -240,9 +228,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -253,7 +239,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -267,13 +253,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -598,7 +582,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -609,13 +593,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -632,7 +614,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -646,9 +628,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -659,7 +639,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -673,13 +653,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -696,7 +674,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -710,9 +688,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -723,7 +699,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-namespaces"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -737,9 +713,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -750,7 +724,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -761,13 +735,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -784,7 +756,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -798,9 +770,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -811,7 +781,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -825,13 +795,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
index 27900116a3..2fd23c30cc 100644
--- a/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -566,7 +552,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -577,13 +563,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -600,7 +584,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -614,9 +598,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -627,7 +609,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -641,13 +623,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -664,7 +644,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -678,9 +658,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -691,7 +669,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -702,13 +680,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -725,7 +701,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -739,9 +715,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -752,7 +726,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -766,13 +740,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1087,7 +1059,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1098,13 +1070,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1121,7 +1091,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1135,9 +1105,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1148,7 +1116,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1162,13 +1130,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1185,7 +1151,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1199,9 +1165,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1212,7 +1176,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1223,13 +1187,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1246,7 +1208,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1260,9 +1222,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1273,7 +1233,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1287,13 +1247,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
index b03f975260..dee4f06b14 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
@@ -40,7 +40,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -482,7 +468,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -493,13 +479,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -516,7 +500,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -530,9 +514,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -543,7 +525,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -557,13 +539,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -580,7 +560,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -594,9 +574,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -608,7 +586,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -619,13 +597,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -642,7 +618,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -656,9 +632,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -669,7 +643,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -683,13 +657,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1409,7 +1381,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1420,13 +1392,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1443,7 +1413,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1457,9 +1427,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1470,7 +1438,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1484,13 +1452,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1507,7 +1473,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1521,9 +1487,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1535,7 +1499,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1546,13 +1510,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1569,7 +1531,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1583,9 +1545,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1596,7 +1556,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1610,13 +1570,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2178,7 +2136,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2189,13 +2147,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2212,7 +2168,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2226,9 +2182,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2239,7 +2193,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2253,13 +2207,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2276,7 +2228,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2290,9 +2242,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2304,7 +2254,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2315,13 +2265,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2338,7 +2286,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2352,9 +2300,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2365,7 +2311,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2379,13 +2325,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3191,7 +3135,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3202,13 +3146,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3225,7 +3167,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3239,9 +3181,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3252,7 +3192,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3266,13 +3206,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3289,7 +3227,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3303,9 +3241,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3317,7 +3253,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3328,13 +3264,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3351,7 +3285,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3365,9 +3299,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3378,7 +3310,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3392,13 +3324,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4178,7 +4108,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4189,13 +4119,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4212,7 +4140,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4226,9 +4154,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4239,7 +4165,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4253,13 +4179,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4276,7 +4200,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4290,9 +4214,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4304,7 +4226,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4315,13 +4237,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4338,7 +4258,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4352,9 +4272,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4365,7 +4283,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4379,13 +4297,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5160,7 +5076,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5171,13 +5087,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5194,7 +5108,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5208,9 +5122,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5221,7 +5133,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5235,13 +5147,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5258,7 +5168,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5272,9 +5182,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5286,7 +5194,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5297,13 +5205,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5320,7 +5226,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5334,9 +5240,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5347,7 +5251,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5361,13 +5265,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6142,7 +6044,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -6153,13 +6055,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6176,7 +6076,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -6190,9 +6090,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -6203,7 +6101,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -6217,13 +6115,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6240,7 +6136,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -6254,9 +6150,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -6268,7 +6162,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -6279,13 +6173,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6302,7 +6194,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -6316,9 +6208,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6329,7 +6219,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6343,13 +6233,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7146,7 +7034,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7157,13 +7045,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7180,7 +7066,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -7194,9 +7080,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -7207,7 +7091,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -7221,13 +7105,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7244,7 +7126,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -7258,9 +7140,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -7272,7 +7152,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -7283,13 +7163,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7306,7 +7184,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -7320,9 +7198,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -7333,7 +7209,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -7347,13 +7223,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8159,7 +8033,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -8170,13 +8044,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8193,7 +8065,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8207,9 +8079,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8220,7 +8090,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8234,13 +8104,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8257,7 +8125,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8271,9 +8139,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8285,7 +8151,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8296,13 +8162,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8319,7 +8183,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8333,9 +8197,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8346,7 +8208,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8360,13 +8222,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9141,7 +9001,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -9152,13 +9012,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9175,7 +9033,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -9189,9 +9047,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -9202,7 +9058,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -9216,13 +9072,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9239,7 +9093,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -9253,9 +9107,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -9267,7 +9119,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -9278,13 +9130,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9301,7 +9151,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -9315,9 +9165,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -9328,7 +9176,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -9342,13 +9190,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10178,7 +10024,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -10189,13 +10035,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10212,7 +10056,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -10226,9 +10070,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -10239,7 +10081,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -10253,13 +10095,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10276,7 +10116,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -10290,9 +10130,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -10304,7 +10142,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -10315,13 +10153,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10338,7 +10174,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10352,9 +10188,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10365,7 +10199,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10379,13 +10213,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11027,7 +10859,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -11038,13 +10870,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11061,7 +10891,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -11075,9 +10905,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -11088,7 +10916,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -11102,13 +10930,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11125,7 +10951,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -11139,9 +10965,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -11153,7 +10977,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -11164,13 +10988,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11187,7 +11009,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -11201,9 +11023,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -11214,7 +11034,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -11228,13 +11048,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11800,7 +11618,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -11811,13 +11629,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11834,7 +11650,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -11848,9 +11664,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -11861,7 +11675,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -11875,13 +11689,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11898,7 +11710,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -11912,9 +11724,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -11926,7 +11736,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -11937,13 +11747,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11960,7 +11768,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -11974,9 +11782,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -11987,7 +11793,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -12001,13 +11807,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12662,7 +12466,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -12673,13 +12477,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12696,7 +12498,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -12710,9 +12512,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -12723,7 +12523,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -12737,13 +12537,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12760,7 +12558,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -12774,9 +12572,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -12788,7 +12584,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -12799,13 +12595,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12822,7 +12616,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -12836,9 +12630,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -12849,7 +12641,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -12863,13 +12655,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13890,7 +13680,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -13901,13 +13691,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13924,7 +13712,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -13938,9 +13726,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -13951,7 +13737,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -13965,13 +13751,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13988,7 +13772,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -14002,9 +13786,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -14016,7 +13798,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -14027,13 +13809,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14050,7 +13830,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -14064,9 +13844,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -14077,7 +13855,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -14091,13 +13869,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14708,7 +14484,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -14719,13 +14495,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14742,7 +14516,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -14756,9 +14530,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -14769,7 +14541,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -14783,13 +14555,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14806,7 +14576,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -14820,9 +14590,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -14834,7 +14602,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -14845,13 +14613,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14868,7 +14634,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -14882,9 +14648,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -14895,7 +14659,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -14909,13 +14673,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15741,7 +15503,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -15752,13 +15514,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15775,7 +15535,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -15789,9 +15549,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -15802,7 +15560,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -15816,13 +15574,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15839,7 +15595,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -15853,9 +15609,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -15867,7 +15621,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -15878,13 +15632,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15901,7 +15653,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -15915,9 +15667,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -15928,7 +15678,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -15942,13 +15692,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -16772,7 +16520,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -16783,13 +16531,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -16806,7 +16552,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -16820,9 +16566,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -16833,7 +16577,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -16847,13 +16591,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -16870,7 +16612,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -16884,9 +16626,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -16898,7 +16638,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -16909,13 +16649,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -16932,7 +16670,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -16946,9 +16684,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -16959,7 +16695,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -16973,13 +16709,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -17754,7 +17488,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -17765,13 +17499,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -17788,7 +17520,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -17802,9 +17534,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -17815,7 +17545,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -17829,13 +17559,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -17852,7 +17580,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -17866,9 +17594,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -17880,7 +17606,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -17891,13 +17617,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -17914,7 +17638,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -17928,9 +17652,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -17941,7 +17663,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -17955,13 +17677,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -18736,7 +18456,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -18747,13 +18467,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -18770,7 +18488,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -18784,9 +18502,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -18797,7 +18513,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -18811,13 +18527,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -18834,7 +18548,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -18848,9 +18562,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -18862,7 +18574,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -18873,13 +18585,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -18896,7 +18606,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -18910,9 +18620,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -18923,7 +18631,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -18937,13 +18645,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
index d72f38d623..c0359c4b88 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
@@ -40,7 +40,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -571,7 +557,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -582,13 +568,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -605,7 +589,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -619,9 +603,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -632,7 +614,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -646,13 +628,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -669,7 +649,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -683,9 +663,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -696,7 +674,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -707,13 +685,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -730,7 +706,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -744,9 +720,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -757,7 +731,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -771,13 +745,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
index 7f543d7597..a7fcf85592 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
@@ -39,7 +39,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -556,7 +542,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -567,13 +553,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -590,7 +574,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -604,9 +588,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -617,7 +599,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -631,13 +613,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -654,7 +634,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -668,9 +648,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -682,7 +660,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -693,13 +671,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -716,7 +692,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -730,9 +706,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -743,7 +717,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -757,13 +731,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1237,7 +1209,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1248,13 +1220,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1271,7 +1241,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1285,9 +1255,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1298,7 +1266,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1312,13 +1280,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1335,7 +1301,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1349,9 +1315,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1363,7 +1327,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1374,13 +1338,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1397,7 +1359,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1411,9 +1373,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1424,7 +1384,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1438,13 +1398,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1975,7 +1933,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1986,13 +1944,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2009,7 +1965,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2023,9 +1979,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2036,7 +1990,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2050,13 +2004,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2073,7 +2025,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2087,9 +2039,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2101,7 +2051,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2112,13 +2062,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2135,7 +2083,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2149,9 +2097,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2162,7 +2108,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2176,13 +2122,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2892,7 +2836,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2903,13 +2847,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2926,7 +2868,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2940,9 +2882,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2953,7 +2893,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2967,13 +2907,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2990,7 +2928,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3004,9 +2942,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3018,7 +2954,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3029,13 +2965,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3052,7 +2986,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3066,9 +3000,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3079,7 +3011,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3093,13 +3025,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3819,7 +3749,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3830,13 +3760,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3853,7 +3781,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3867,9 +3795,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3880,7 +3806,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3894,13 +3820,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3917,7 +3841,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3931,9 +3855,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3945,7 +3867,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3956,13 +3878,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3979,7 +3899,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3993,9 +3913,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4006,7 +3924,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4020,13 +3938,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4736,7 +4652,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4747,13 +4663,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4770,7 +4684,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4784,9 +4698,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4797,7 +4709,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4811,13 +4723,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4834,7 +4744,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4848,9 +4758,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4862,7 +4770,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4873,13 +4781,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4896,7 +4802,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4910,9 +4816,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4923,7 +4827,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4937,13 +4841,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5663,7 +5565,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5674,13 +5576,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5697,7 +5597,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5711,9 +5611,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5724,7 +5622,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5738,13 +5636,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5761,7 +5657,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5775,9 +5671,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5789,7 +5683,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5800,13 +5694,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5823,7 +5715,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5837,9 +5729,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5850,7 +5740,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5864,13 +5754,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
index b717949f66..11d171ceb1 100644
--- a/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
+++ b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
@@ -39,7 +39,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -791,7 +777,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -802,13 +788,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -825,7 +809,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -839,9 +823,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -852,7 +834,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -866,13 +848,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -889,7 +869,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -903,9 +883,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -917,7 +895,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -928,13 +906,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -951,7 +927,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -965,9 +941,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -978,7 +952,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -992,13 +966,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1548,7 +1520,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1559,13 +1531,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1582,7 +1552,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1596,9 +1566,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1609,7 +1577,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1623,13 +1591,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1646,7 +1612,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1660,9 +1626,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1674,7 +1638,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1685,13 +1649,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1708,7 +1670,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1722,9 +1684,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1735,7 +1695,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1749,13 +1709,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2473,7 +2431,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2484,13 +2442,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2507,7 +2463,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2521,9 +2477,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2534,7 +2488,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2548,13 +2502,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2571,7 +2523,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2585,9 +2537,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2599,7 +2549,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2610,13 +2560,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2633,7 +2581,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2647,9 +2595,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2660,7 +2606,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2674,13 +2620,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3445,7 +3389,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3456,13 +3400,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3479,7 +3421,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3493,9 +3435,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3506,7 +3446,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3520,13 +3460,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3543,7 +3481,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3557,9 +3495,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3571,7 +3507,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3582,13 +3518,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3605,7 +3539,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3619,9 +3553,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3632,7 +3564,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3646,13 +3578,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4370,7 +4300,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4381,13 +4311,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4404,7 +4332,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4418,9 +4346,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4431,7 +4357,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4445,13 +4371,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4468,7 +4392,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4482,9 +4406,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4496,7 +4418,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4507,13 +4429,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4530,7 +4450,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4544,9 +4464,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4557,7 +4475,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4571,13 +4489,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5342,7 +5258,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5353,13 +5269,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5376,7 +5290,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5390,9 +5304,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5403,7 +5315,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5417,13 +5329,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5440,7 +5350,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5454,9 +5364,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5468,7 +5376,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5479,13 +5387,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5502,7 +5408,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5516,9 +5422,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5529,7 +5433,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5543,13 +5447,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6314,7 +6216,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -6325,13 +6227,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6348,7 +6248,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -6362,9 +6262,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -6375,7 +6273,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -6389,13 +6287,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6412,7 +6308,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -6426,9 +6322,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -6440,7 +6334,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -6451,13 +6345,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6474,7 +6366,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -6488,9 +6380,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6501,7 +6391,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6515,13 +6405,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7553,7 +7441,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7564,13 +7452,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7587,7 +7473,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -7601,9 +7487,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -7614,7 +7498,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -7628,13 +7512,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7651,7 +7533,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -7665,9 +7547,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -7679,7 +7559,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -7690,13 +7570,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7713,7 +7591,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -7727,9 +7605,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -7740,7 +7616,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -7754,13 +7630,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8792,7 +8666,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -8803,13 +8677,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8826,7 +8698,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8840,9 +8712,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8853,7 +8723,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8867,13 +8737,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8890,7 +8758,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8904,9 +8772,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8918,7 +8784,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8929,13 +8795,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8952,7 +8816,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8966,9 +8830,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8979,7 +8841,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8993,13 +8855,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10031,7 +9891,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -10042,13 +9902,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10065,7 +9923,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -10079,9 +9937,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -10092,7 +9948,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -10106,13 +9962,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10129,7 +9983,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -10143,9 +9997,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -10157,7 +10009,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -10168,13 +10020,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10191,7 +10041,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10205,9 +10055,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10218,7 +10066,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10232,13 +10080,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11097,7 +10943,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -11108,13 +10954,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11131,7 +10975,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -11145,9 +10989,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -11158,7 +11000,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -11172,13 +11014,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11195,7 +11035,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -11209,9 +11049,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -11223,7 +11061,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -11234,13 +11072,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -11257,7 +11093,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -11271,9 +11107,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -11284,7 +11118,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -11298,13 +11132,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12165,7 +11997,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -12176,13 +12008,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12199,7 +12029,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -12213,9 +12043,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -12226,7 +12054,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -12240,13 +12068,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12263,7 +12089,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -12277,9 +12103,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -12291,7 +12115,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -12302,13 +12126,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -12325,7 +12147,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -12339,9 +12161,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -12352,7 +12172,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -12366,13 +12186,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13404,7 +13222,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -13415,13 +13233,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13438,7 +13254,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -13452,9 +13268,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -13465,7 +13279,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -13479,13 +13293,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13502,7 +13314,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -13516,9 +13328,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -13530,7 +13340,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -13541,13 +13351,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -13564,7 +13372,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -13578,9 +13386,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -13591,7 +13397,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -13605,13 +13411,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14387,7 +14191,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -14398,13 +14202,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14421,7 +14223,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -14435,9 +14237,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -14448,7 +14248,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -14462,13 +14262,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14485,7 +14283,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -14499,9 +14297,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -14513,7 +14309,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -14524,13 +14320,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -14547,7 +14341,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -14561,9 +14355,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -14574,7 +14366,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -14588,13 +14380,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15359,7 +15149,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -15370,13 +15160,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15393,7 +15181,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -15407,9 +15195,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -15420,7 +15206,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -15434,13 +15220,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15457,7 +15241,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -15471,9 +15255,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -15485,7 +15267,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -15496,13 +15278,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -15519,7 +15299,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -15533,9 +15313,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -15546,7 +15324,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -15560,13 +15338,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/renderer/components/layout/main-layout.tsx b/src/renderer/components/layout/main-layout.tsx
index 30d6bc568e..9a5ff95549 100755
--- a/src/renderer/components/layout/main-layout.tsx
+++ b/src/renderer/components/layout/main-layout.tsx
@@ -54,7 +54,7 @@ class NonInjectedMainLayout extends React.Component<MainLayoutProps & Dependenci
             getCurrentExtent={() => sidebarWidth}
             onDrag={this.onSidebarResize}
             onDoubleClick={() => this.onSidebarResize(defaultSidebarWidth)}
-            minExtent={120}
+            minExtent={150}
             maxExtent={400}
           />
         </div>
diff --git a/src/renderer/components/layout/sidebar-item.scss b/src/renderer/components/layout/sidebar-item.scss
deleted file mode 100644
index 90ad92ee21..0000000000
--- a/src/renderer/components/layout/sidebar-item.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-.SidebarItem {
-
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  width: 100%;
-  user-select: none;
-
-  > .nav-item {
-    text-decoration: none;
-    padding: $unit * 0.3846 $unit * 0.625; // ≈ floor($unit / 2.6) floor($unit / 1.6)
-    width: 100%;
-    height: 100%;
-    color: inherit;
-    cursor: pointer;
-
-    > .link-text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .expand-icon {
-      --size: 20px;
-    }
-  }
-
-  .sub-menu {
-    $borderSize: 4px;
-    border-left: $borderSize solid transparent;
-
-    > .SidebarItem {
-      color: var(--textColorPrimary);
-      padding-left: 30px + $borderSize;
-      line-height: 22px;
-
-      .SidebarItem {
-        padding-left: $padding * 2; // 3rd+ menu level
-      }
-
-      .nav-item {
-        &.expandable {
-          font-weight: 500;
-        }
-      }
-    }
-  }
-}
-
-// TODO: Make less flaky.
-.sidebar-active-status {
-  > .SidebarItem {
-    .nav-item {
-      &.active, &:hover {
-        background: var(--blue);
-        color: var(--sidebarActiveColor);
-      }
-    }
-
-    .sub-menu {
-      &.active {
-        border-left-color: var(--blue);
-      }
-
-      > .SidebarItem {
-        .nav-item {
-          &.active, &:hover {
-            color: var(--sidebarSubmenuActiveColor);
-            background: none;
-          }
-
-          &.expandable {
-            color: var(--textColorPrimary)
-          }
-        }
-
-        .sub-menu {
-          &.active {
-            border-left-color: transparent;
-          }
-
-          .nav-item {
-            &.active, &:hover {
-              color: var(--sidebarSubmenuActiveColor);
-              background: none;
-            }
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/src/renderer/components/layout/sidebar-item.tsx b/src/renderer/components/layout/sidebar-item.tsx
index 64a63be8c4..f3e171fc4b 100644
--- a/src/renderer/components/layout/sidebar-item.tsx
+++ b/src/renderer/components/layout/sidebar-item.tsx
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import "./sidebar-item.scss";
+import styles from  "./sidebar-items.module.scss";
 
 import React from "react";
 import { computed, makeObservable } from "mobx";
@@ -70,7 +70,7 @@ class NonInjectedSidebarItem extends React.Component<
     }
 
     return (
-      <ul className={cssNames("sub-menu", { active: this.isActive })}>
+      <ul className={cssNames(styles.subMenu, { [styles.active]: this.isActive })}>
         {this.props.item.children.map(item => <SidebarItem key={item.registration.id} item={item} />)}
       </ul>
     );
@@ -79,7 +79,7 @@ class NonInjectedSidebarItem extends React.Component<
   render() {
     return (
       <div
-        className={cssNames("SidebarItem")}
+        className={styles.SidebarItem}
         data-testid={`sidebar-item-${this.id}`}
         data-is-active-test={this.isActive}
         data-parent-id-test={this.registration.parentId}
@@ -87,11 +87,7 @@ class NonInjectedSidebarItem extends React.Component<
         <NavLink
           to={""}
           isActive={() => this.isActive}
-
-          className={cssNames("nav-item flex gaps align-center", {
-            expandable: this.isExpandable,
-          })}
-
+          className={styles.navItem}
           onClick={(event) => {
             event.preventDefault();
             event.stopPropagation();
@@ -105,10 +101,10 @@ class NonInjectedSidebarItem extends React.Component<
           data-testid={`sidebar-item-link-for-${this.id}`}
         >
           {this.registration.getIcon?.()}
-          <span className="link-text box grow">{this.registration.title}</span>
+          <span>{this.registration.title}</span>
           {this.isExpandable && (
             <Icon
-              className="expand-icon box right"
+              className={styles.expandIcon}
               material={
                 this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }
diff --git a/src/renderer/components/layout/sidebar-items.module.scss b/src/renderer/components/layout/sidebar-items.module.scss
new file mode 100644
index 0000000000..c37d041816
--- /dev/null
+++ b/src/renderer/components/layout/sidebar-items.module.scss
@@ -0,0 +1,63 @@
+.SidebarItem {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 100%;
+  user-select: none;
+
+  > .navItem {
+    display: flex;
+    gap: 8px;
+    text-decoration: none;
+    padding: 6px 8px 6px 10px;
+    cursor: pointer;
+
+    &:global(.active), &:hover {
+      background: var(--blue);
+      color: var(--sidebarActiveColor);
+    }
+
+    span {
+      word-break: break-word;
+    }
+  }
+
+  .expandIcon {
+    margin-left: auto;
+  }
+
+  .subMenu {
+    border-left: 4px solid transparent;
+
+    &.active {
+      border-color: var(--blue);
+    }
+  
+    .SidebarItem {
+      color: var(--textColorPrimary);
+      padding-left: 25px;
+  
+      .navItem {
+        padding-top: 4px;
+        padding-bottom: 4px;
+
+        &:global(.active), &:hover {
+          color: var(--sidebarSubmenuActiveColor);
+          background: none;
+        }
+      }
+    }
+  }
+
+   // 3rd menu level
+  .subMenu .subMenu {
+    &.active {
+      border-color: transparent;
+    }
+
+    .SidebarItem {
+      padding-left: calc(var(--padding) / 2);
+    }
+  }
+}
+
diff --git a/src/renderer/components/layout/sidebar.module.scss b/src/renderer/components/layout/sidebar.module.scss
index 6c3b41fced..21fbeec1f3 100644
--- a/src/renderer/components/layout/sidebar.module.scss
+++ b/src/renderer/components/layout/sidebar.module.scss
@@ -21,6 +21,5 @@
 
 .sidebarNav :global(.Icon) {
   box-sizing: content-box;
-  padding: 3px;
   border-radius: 50%;
 }
diff --git a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
index c79157ba0e..c491c391ae 100644
--- a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
+++ b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -50,9 +50,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -63,7 +61,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -74,9 +72,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -87,7 +83,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -98,13 +94,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -121,7 +115,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -135,9 +129,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -148,7 +140,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -162,13 +154,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -185,7 +175,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -199,9 +189,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -212,7 +200,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -226,9 +214,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -239,7 +225,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -250,13 +236,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -273,7 +257,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -287,9 +271,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -300,7 +282,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -314,13 +296,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -518,7 +498,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -529,9 +509,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -542,7 +520,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -553,9 +531,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -566,7 +542,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -577,13 +553,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -600,7 +574,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -614,9 +588,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -627,7 +599,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -641,13 +613,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -664,7 +634,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -678,9 +648,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -691,7 +659,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -705,9 +673,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -718,7 +684,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -729,13 +695,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -752,7 +716,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -766,9 +730,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -779,7 +741,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -793,13 +755,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1004,7 +964,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1015,13 +975,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1038,7 +996,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1052,9 +1010,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1065,7 +1021,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1079,13 +1035,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1102,7 +1056,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1116,9 +1070,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1129,7 +1081,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -1143,9 +1095,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -1156,7 +1106,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1167,13 +1117,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1190,7 +1138,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1204,9 +1152,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1217,7 +1163,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1231,13 +1177,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"