From 4fd98da56aaece1835c1870c44c44008233e1550 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 6 Sep 2022 13:22:23 -0400
Subject: [PATCH] Release 6.0.2-beta.0 (#6180)

Co-authored-by: Lauri Nevala <lauri.nevala@gmail.com>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 package.json                                  |    2 +-
 .../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 | 1000 ++++++-----------
 ...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 +++++--------
 src/main/prometheus/operator.ts               |    2 +-
 .../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 -
 .../resource-metrics-text.tsx                 |    6 +-
 .../__snapshots__/cluster-frame.test.tsx.snap |  192 ++--
 26 files changed, 2204 insertions(+), 3913 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/package.json b/package.json
index b1623e6776..c572568a57 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "productName": "OpenLens",
   "description": "OpenLens - Open Source IDE for Kubernetes",
   "homepage": "https://github.com/lensapp/lens",
-  "version": "6.0.2-alpha.1",
+  "version": "6.0.2-beta.0",
   "main": "static/build/main.js",
   "copyright": "© 2022 OpenLens Authors",
   "license": "MIT",
diff --git a/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
index 0b424f4ce2..6f7d8e1330 100644
--- a/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
+++ b/src/behaviours/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>
@@ -613,7 +593,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="/"
             >
@@ -624,13 +604,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"
@@ -647,7 +625,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="/"
             >
@@ -661,9 +639,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>
@@ -674,17 +650,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"
@@ -695,7 +669,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -704,13 +678,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>
@@ -722,13 +694,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>
@@ -740,13 +710,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>
@@ -759,7 +727,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="/"
             >
@@ -773,13 +741,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"
@@ -796,7 +762,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="/"
             >
@@ -810,9 +776,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>
@@ -823,13 +787,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>
@@ -840,7 +802,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="/"
             >
@@ -851,13 +813,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"
@@ -874,7 +834,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="/"
             >
@@ -888,9 +848,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>
@@ -901,7 +859,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="/"
             >
@@ -915,13 +873,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"
@@ -938,13 +894,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/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
index a8c3fc1cd3..c3df9356f5 100644
--- a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
+++ b/src/behaviours/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"
@@ -582,7 +566,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="/"
             >
@@ -593,13 +577,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"
@@ -616,7 +598,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="/"
             >
@@ -630,9 +612,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>
@@ -643,20 +623,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"
@@ -673,7 +651,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="/"
             >
@@ -687,13 +665,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"
@@ -710,7 +686,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="/"
             >
@@ -724,9 +700,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>
@@ -737,7 +711,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="/"
             >
@@ -748,13 +722,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"
@@ -771,7 +743,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="/"
             >
@@ -785,9 +757,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>
@@ -798,7 +768,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="/"
             >
@@ -812,13 +782,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"
@@ -1125,7 +1093,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="/"
             >
@@ -1136,13 +1104,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"
@@ -1159,7 +1125,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="/"
             >
@@ -1173,9 +1139,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>
@@ -1186,20 +1150,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"
@@ -1210,7 +1172,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1219,13 +1181,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>
@@ -1238,7 +1198,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="/"
             >
@@ -1252,13 +1212,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"
@@ -1275,7 +1233,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="/"
             >
@@ -1289,9 +1247,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>
@@ -1302,7 +1258,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="/"
             >
@@ -1313,13 +1269,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"
@@ -1336,7 +1290,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="/"
             >
@@ -1350,9 +1304,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>
@@ -1363,7 +1315,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="/"
             >
@@ -1377,13 +1329,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"
@@ -1689,7 +1639,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="/"
             >
@@ -1700,13 +1650,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"
@@ -1723,7 +1671,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="/"
             >
@@ -1737,9 +1685,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>
@@ -1751,20 +1697,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"
@@ -1775,7 +1719,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"
@@ -1785,13 +1729,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>
@@ -1804,7 +1746,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="/"
             >
@@ -1818,13 +1760,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"
@@ -1841,7 +1781,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="/"
             >
@@ -1855,9 +1795,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>
@@ -1868,7 +1806,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="/"
             >
@@ -1879,13 +1817,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"
@@ -1902,7 +1838,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="/"
             >
@@ -1916,9 +1852,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>
@@ -1929,7 +1863,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="/"
             >
@@ -1943,13 +1877,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"
@@ -2135,7 +2067,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="/"
             >
@@ -2146,13 +2078,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"
@@ -2169,7 +2099,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="/"
             >
@@ -2183,9 +2113,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>
@@ -2197,20 +2125,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"
@@ -2227,7 +2153,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="/"
             >
@@ -2241,13 +2167,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"
@@ -2264,7 +2188,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="/"
             >
@@ -2278,9 +2202,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>
@@ -2291,7 +2213,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="/"
             >
@@ -2302,13 +2224,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"
@@ -2325,7 +2245,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="/"
             >
@@ -2339,9 +2259,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>
@@ -2352,7 +2270,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="/"
             >
@@ -2366,13 +2284,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"
@@ -2559,7 +2475,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="/"
             >
@@ -2570,13 +2486,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"
@@ -2593,7 +2507,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="/"
             >
@@ -2607,9 +2521,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>
@@ -2620,20 +2532,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"
@@ -2644,7 +2554,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -2653,13 +2563,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>
@@ -2672,7 +2580,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="/"
             >
@@ -2686,13 +2594,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"
@@ -2709,7 +2615,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="/"
             >
@@ -2723,9 +2629,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>
@@ -2736,7 +2640,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="/"
             >
@@ -2747,13 +2651,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"
@@ -2770,7 +2672,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="/"
             >
@@ -2784,9 +2686,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>
@@ -2797,7 +2697,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="/"
             >
@@ -2811,13 +2711,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"
@@ -3124,7 +3022,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="/"
             >
@@ -3135,13 +3033,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"
@@ -3158,7 +3054,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="/"
             >
@@ -3172,9 +3068,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>
@@ -3185,20 +3079,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"
@@ -3215,7 +3107,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="/"
             >
@@ -3229,13 +3121,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"
@@ -3252,7 +3142,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="/"
             >
@@ -3266,9 +3156,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>
@@ -3279,7 +3167,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="/"
             >
@@ -3290,13 +3178,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"
@@ -3313,7 +3199,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="/"
             >
@@ -3327,9 +3213,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>
@@ -3340,7 +3224,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="/"
             >
@@ -3354,13 +3238,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/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
index 4c2b28d53e..5fc71b2072 100644
--- a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+++ b/src/behaviours/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"
@@ -579,7 +563,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="/"
             >
@@ -590,13 +574,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"
@@ -613,7 +595,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="/"
             >
@@ -627,9 +609,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>
@@ -640,7 +620,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="/"
             >
@@ -654,13 +634,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"
@@ -677,7 +655,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="/"
             >
@@ -691,9 +669,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>
@@ -704,7 +680,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="/"
             >
@@ -715,13 +691,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"
@@ -738,7 +712,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="/"
             >
@@ -752,9 +726,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>
@@ -765,7 +737,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="/"
             >
@@ -779,13 +751,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"
@@ -802,20 +772,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"
@@ -1119,7 +1087,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="/"
             >
@@ -1130,13 +1098,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"
@@ -1153,7 +1119,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="/"
             >
@@ -1167,9 +1133,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>
@@ -1180,7 +1144,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="/"
             >
@@ -1194,13 +1158,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"
@@ -1217,7 +1179,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="/"
             >
@@ -1231,9 +1193,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>
@@ -1244,7 +1204,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="/"
             >
@@ -1255,13 +1215,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"
@@ -1278,7 +1236,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="/"
             >
@@ -1292,9 +1250,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>
@@ -1305,7 +1261,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="/"
             >
@@ -1319,13 +1275,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"
@@ -1342,20 +1296,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"
@@ -1366,7 +1318,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1375,13 +1327,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>
@@ -1393,13 +1343,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>
@@ -1698,7 +1646,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="/"
             >
@@ -1709,13 +1657,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"
@@ -1732,7 +1678,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="/"
             >
@@ -1746,9 +1692,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>
@@ -1759,7 +1703,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="/"
             >
@@ -1773,13 +1717,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"
@@ -1796,7 +1738,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="/"
             >
@@ -1810,9 +1752,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>
@@ -1823,7 +1763,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="/"
             >
@@ -1834,13 +1774,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"
@@ -1857,7 +1795,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="/"
             >
@@ -1871,9 +1809,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>
@@ -1884,7 +1820,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="/"
             >
@@ -1898,13 +1834,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"
@@ -1922,20 +1856,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"
@@ -1946,7 +1878,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"
@@ -1956,13 +1888,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>
@@ -1974,13 +1904,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>
@@ -2198,7 +2126,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="/"
             >
@@ -2209,13 +2137,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"
@@ -2232,7 +2158,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="/"
             >
@@ -2246,9 +2172,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>
@@ -2259,7 +2183,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="/"
             >
@@ -2273,13 +2197,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"
@@ -2296,7 +2218,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="/"
             >
@@ -2310,9 +2232,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>
@@ -2323,7 +2243,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="/"
             >
@@ -2334,13 +2254,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"
@@ -2357,7 +2275,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="/"
             >
@@ -2371,9 +2289,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>
@@ -2384,7 +2300,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="/"
             >
@@ -2398,13 +2314,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"
@@ -2422,20 +2336,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"
@@ -2446,7 +2358,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"
@@ -2455,13 +2367,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>
@@ -2474,13 +2384,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>
@@ -2698,7 +2606,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="/"
             >
@@ -2709,13 +2617,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"
@@ -2732,7 +2638,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="/"
             >
@@ -2746,9 +2652,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>
@@ -2759,7 +2663,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="/"
             >
@@ -2773,13 +2677,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"
@@ -2796,7 +2698,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="/"
             >
@@ -2810,9 +2712,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>
@@ -2823,7 +2723,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="/"
             >
@@ -2834,13 +2734,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"
@@ -2857,7 +2755,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="/"
             >
@@ -2871,9 +2769,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>
@@ -2884,7 +2780,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="/"
             >
@@ -2898,13 +2794,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"
@@ -2922,20 +2816,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"
@@ -3158,7 +3050,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="/"
             >
@@ -3169,13 +3061,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"
@@ -3192,7 +3082,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="/"
             >
@@ -3206,9 +3096,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>
@@ -3219,7 +3107,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="/"
             >
@@ -3233,13 +3121,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"
@@ -3256,7 +3142,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="/"
             >
@@ -3270,9 +3156,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>
@@ -3283,7 +3167,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="/"
             >
@@ -3294,13 +3178,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"
@@ -3317,7 +3199,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="/"
             >
@@ -3331,9 +3213,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>
@@ -3344,7 +3224,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="/"
             >
@@ -3358,13 +3238,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"
@@ -3381,20 +3259,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"
@@ -3405,7 +3281,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -3414,13 +3290,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>
@@ -3432,13 +3306,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>
@@ -3738,7 +3610,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="/"
             >
@@ -3749,13 +3621,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"
@@ -3772,7 +3642,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="/"
             >
@@ -3786,9 +3656,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>
@@ -3799,7 +3667,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="/"
             >
@@ -3813,13 +3681,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"
@@ -3836,7 +3702,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="/"
             >
@@ -3850,9 +3716,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>
@@ -3863,7 +3727,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="/"
             >
@@ -3874,13 +3738,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"
@@ -3897,7 +3759,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="/"
             >
@@ -3911,9 +3773,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>
@@ -3924,7 +3784,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="/"
             >
@@ -3938,13 +3798,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"
@@ -3961,20 +3819,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/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
index 52e34c351e..dec4a59f78 100644
--- a/src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
+++ b/src/behaviours/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"
@@ -552,7 +538,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="/"
             >
@@ -563,13 +549,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"
@@ -586,7 +570,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="/"
             >
@@ -600,9 +584,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>
@@ -613,13 +595,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>
@@ -630,7 +610,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="/"
             >
@@ -644,13 +624,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"
@@ -667,7 +645,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="/"
             >
@@ -681,9 +659,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>
@@ -694,7 +670,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="/"
             >
@@ -708,9 +684,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>
@@ -721,7 +695,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="/"
             >
@@ -732,13 +706,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"
@@ -755,7 +727,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="/"
             >
@@ -769,9 +741,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>
@@ -782,7 +752,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="/"
             >
@@ -796,13 +766,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/behaviours/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
index 06e67e8ef2..a574a33a55 100644
--- a/src/behaviours/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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"
@@ -436,7 +422,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="/"
               >
@@ -447,13 +433,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"
@@ -470,7 +454,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="/"
               >
@@ -484,9 +468,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>
@@ -497,7 +479,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="/"
               >
@@ -511,13 +493,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"
@@ -534,7 +514,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="/"
               >
@@ -548,9 +528,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>
@@ -561,7 +539,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="/"
               >
@@ -572,13 +550,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"
@@ -595,7 +571,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="/"
               >
@@ -609,9 +585,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>
@@ -622,7 +596,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="/"
               >
@@ -636,13 +610,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"
@@ -951,7 +923,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="/"
               >
@@ -962,13 +934,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"
@@ -985,7 +955,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="/"
               >
@@ -999,9 +969,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>
@@ -1012,7 +980,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="/"
               >
@@ -1026,13 +994,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"
@@ -1049,7 +1015,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="/"
               >
@@ -1063,9 +1029,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>
@@ -1076,7 +1040,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="/"
               >
@@ -1087,13 +1051,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"
@@ -1110,7 +1072,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="/"
               >
@@ -1124,9 +1086,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>
@@ -1137,7 +1097,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="/"
               >
@@ -1151,13 +1111,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/behaviours/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
index f145e3fb44..4ae200ae7b 100644
--- a/src/behaviours/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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>
@@ -575,7 +559,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="/"
               >
@@ -586,13 +570,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"
@@ -609,7 +591,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="/"
               >
@@ -623,9 +605,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>
@@ -636,7 +616,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="/"
               >
@@ -650,13 +630,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"
@@ -673,7 +651,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="/"
               >
@@ -687,9 +665,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>
@@ -700,7 +676,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="/"
               >
@@ -711,13 +687,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"
@@ -734,7 +708,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="/"
               >
@@ -748,9 +722,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>
@@ -761,7 +733,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="/"
               >
@@ -775,13 +747,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"
@@ -1090,7 +1060,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="/"
               >
@@ -1101,13 +1071,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"
@@ -1124,7 +1092,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="/"
               >
@@ -1138,9 +1106,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>
@@ -1151,7 +1117,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="/"
               >
@@ -1165,13 +1131,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"
@@ -1188,7 +1152,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="/"
               >
@@ -1202,9 +1166,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>
@@ -1215,7 +1177,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="/"
               >
@@ -1226,13 +1188,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"
@@ -1249,7 +1209,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="/"
               >
@@ -1263,9 +1223,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>
@@ -1276,7 +1234,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="/"
               >
@@ -1290,13 +1248,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/behaviours/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
index 0db43bda6f..fa2997233c 100644
--- a/src/behaviours/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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"
@@ -490,7 +476,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="/"
               >
@@ -501,13 +487,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"
@@ -524,7 +508,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="/"
               >
@@ -538,9 +522,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>
@@ -551,7 +533,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="/"
               >
@@ -565,13 +547,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"
@@ -588,7 +568,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="/"
               >
@@ -602,9 +582,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>
@@ -615,7 +593,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="/"
               >
@@ -626,13 +604,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"
@@ -649,7 +625,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="/"
               >
@@ -663,9 +639,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>
@@ -676,7 +650,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="/"
               >
@@ -690,13 +664,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"
@@ -979,7 +951,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="/"
               >
@@ -990,13 +962,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"
@@ -1013,7 +983,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="/"
               >
@@ -1027,9 +997,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>
@@ -1040,7 +1008,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="/"
               >
@@ -1054,13 +1022,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"
@@ -1077,7 +1043,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="/"
               >
@@ -1091,9 +1057,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>
@@ -1104,7 +1068,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="/"
               >
@@ -1115,13 +1079,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"
@@ -1138,7 +1100,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="/"
               >
@@ -1152,9 +1114,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>
@@ -1165,7 +1125,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="/"
               >
@@ -1179,13 +1139,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/behaviours/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
index 8f3d0685f6..3eda3ff1c7 100644
--- a/src/behaviours/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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"
@@ -440,7 +426,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="/"
               >
@@ -451,13 +437,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"
@@ -474,7 +458,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="/"
               >
@@ -488,9 +472,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>
@@ -501,7 +483,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="/"
               >
@@ -515,13 +497,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"
@@ -538,7 +518,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="/"
               >
@@ -552,9 +532,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>
@@ -565,7 +543,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="/"
               >
@@ -576,13 +554,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"
@@ -599,7 +575,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="/"
               >
@@ -613,9 +589,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>
@@ -626,7 +600,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="/"
               >
@@ -640,13 +614,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"
@@ -835,7 +807,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="/"
               >
@@ -846,13 +818,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"
@@ -869,7 +839,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="/"
               >
@@ -883,9 +853,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>
@@ -896,7 +864,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="/"
               >
@@ -910,13 +878,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"
@@ -933,7 +899,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="/"
               >
@@ -947,9 +913,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>
@@ -960,7 +924,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="/"
               >
@@ -971,13 +935,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"
@@ -994,7 +956,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="/"
               >
@@ -1008,9 +970,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>
@@ -1021,7 +981,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="/"
               >
@@ -1035,13 +995,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/behaviours/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap b/src/behaviours/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
index ec1b142188..5db47ac01a 100644
--- a/src/behaviours/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
+++ b/src/behaviours/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"
@@ -438,7 +424,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="/"
               >
@@ -449,13 +435,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"
@@ -472,7 +456,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="/"
               >
@@ -486,9 +470,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>
@@ -499,7 +481,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="/"
               >
@@ -513,13 +495,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"
@@ -536,7 +516,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="/"
               >
@@ -550,9 +530,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>
@@ -563,7 +541,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="/"
               >
@@ -574,13 +552,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"
@@ -597,7 +573,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="/"
               >
@@ -611,9 +587,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>
@@ -624,7 +598,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="/"
               >
@@ -638,13 +612,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"
@@ -877,7 +849,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="/"
               >
@@ -888,13 +860,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"
@@ -911,7 +881,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="/"
               >
@@ -925,9 +895,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>
@@ -938,7 +906,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="/"
               >
@@ -952,13 +920,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"
@@ -975,7 +941,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="/"
               >
@@ -989,9 +955,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>
@@ -1002,7 +966,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="/"
               >
@@ -1013,13 +977,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"
@@ -1036,7 +998,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="/"
               >
@@ -1050,9 +1012,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>
@@ -1063,7 +1023,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="/"
               >
@@ -1077,13 +1037,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"
@@ -1316,7 +1274,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="/"
               >
@@ -1327,13 +1285,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"
@@ -1350,7 +1306,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="/"
               >
@@ -1364,9 +1320,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>
@@ -1377,7 +1331,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="/"
               >
@@ -1391,13 +1345,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"
@@ -1414,7 +1366,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="/"
               >
@@ -1428,9 +1380,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>
@@ -1441,7 +1391,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="/"
               >
@@ -1452,13 +1402,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"
@@ -1475,7 +1423,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="/"
               >
@@ -1489,9 +1437,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>
@@ -1502,7 +1448,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="/"
               >
@@ -1516,13 +1462,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"
@@ -1715,7 +1659,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="/"
               >
@@ -1726,13 +1670,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"
@@ -1749,7 +1691,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="/"
               >
@@ -1763,9 +1705,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>
@@ -1776,7 +1716,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="/"
               >
@@ -1790,13 +1730,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"
@@ -1813,7 +1751,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="/"
               >
@@ -1827,9 +1765,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>
@@ -1840,7 +1776,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="/"
               >
@@ -1851,13 +1787,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"
@@ -1874,7 +1808,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="/"
               >
@@ -1888,9 +1822,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>
@@ -1901,7 +1833,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="/"
               >
@@ -1915,13 +1847,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"
@@ -2114,7 +2044,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="/"
               >
@@ -2125,13 +2055,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"
@@ -2148,7 +2076,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="/"
               >
@@ -2162,9 +2090,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>
@@ -2175,7 +2101,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="/"
               >
@@ -2189,13 +2115,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"
@@ -2212,7 +2136,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="/"
               >
@@ -2226,9 +2150,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>
@@ -2239,7 +2161,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="/"
               >
@@ -2250,13 +2172,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"
@@ -2273,7 +2193,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="/"
               >
@@ -2287,9 +2207,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>
@@ -2300,7 +2218,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="/"
               >
@@ -2314,13 +2232,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/behaviours/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
index cd98888838..b6bbf295fa 100644
--- a/src/behaviours/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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"
@@ -443,7 +429,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="/"
               >
@@ -454,13 +440,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"
@@ -477,7 +461,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="/"
               >
@@ -491,9 +475,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>
@@ -504,7 +486,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="/"
               >
@@ -518,13 +500,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"
@@ -541,7 +521,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="/"
               >
@@ -555,9 +535,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>
@@ -568,7 +546,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="/"
               >
@@ -579,13 +557,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"
@@ -602,7 +578,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="/"
               >
@@ -616,9 +592,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>
@@ -629,7 +603,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="/"
               >
@@ -643,13 +617,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"
@@ -833,7 +805,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="/"
               >
@@ -844,13 +816,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"
@@ -867,7 +837,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="/"
               >
@@ -881,9 +851,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>
@@ -894,7 +862,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="/"
               >
@@ -908,13 +876,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"
@@ -931,7 +897,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="/"
               >
@@ -945,9 +911,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>
@@ -958,7 +922,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="/"
               >
@@ -969,13 +933,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"
@@ -992,7 +954,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="/"
               >
@@ -1006,9 +968,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>
@@ -1019,7 +979,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="/"
               >
@@ -1033,13 +993,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/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/src/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
index 3ae620ccf6..858e79d2c8 100644
--- a/src/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
+++ b/src/behaviours/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"
@@ -695,7 +679,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="/"
               >
@@ -706,13 +690,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"
@@ -729,7 +711,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="/"
               >
@@ -743,9 +725,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>
@@ -756,7 +736,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="/"
               >
@@ -770,13 +750,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"
@@ -793,7 +771,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="/"
               >
@@ -807,9 +785,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>
@@ -821,7 +797,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="/"
               >
@@ -835,9 +811,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>
@@ -848,7 +822,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="/"
               >
@@ -859,13 +833,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"
@@ -882,7 +854,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="/"
               >
@@ -896,9 +868,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>
@@ -909,7 +879,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="/"
               >
@@ -923,13 +893,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"
@@ -1356,7 +1324,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="/"
               >
@@ -1367,13 +1335,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"
@@ -1390,7 +1356,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="/"
               >
@@ -1404,9 +1370,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>
@@ -1417,7 +1381,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="/"
               >
@@ -1431,13 +1395,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"
@@ -1454,7 +1416,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="/"
               >
@@ -1468,9 +1430,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>
@@ -1482,7 +1442,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="/"
               >
@@ -1496,9 +1456,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>
@@ -1509,7 +1467,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="/"
               >
@@ -1520,13 +1478,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"
@@ -1543,7 +1499,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="/"
               >
@@ -1557,9 +1513,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>
@@ -1570,7 +1524,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="/"
               >
@@ -1584,13 +1538,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"
@@ -2086,7 +2038,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="/"
               >
@@ -2097,13 +2049,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"
@@ -2120,7 +2070,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="/"
               >
@@ -2134,9 +2084,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>
@@ -2147,7 +2095,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="/"
               >
@@ -2161,13 +2109,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"
@@ -2184,7 +2130,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="/"
               >
@@ -2198,9 +2144,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>
@@ -2212,7 +2156,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="/"
               >
@@ -2226,9 +2170,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>
@@ -2239,7 +2181,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="/"
               >
@@ -2250,13 +2192,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"
@@ -2273,7 +2213,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="/"
               >
@@ -2287,9 +2227,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>
@@ -2300,7 +2238,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="/"
               >
@@ -2314,13 +2252,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"
@@ -2792,7 +2728,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="/"
               >
@@ -2803,13 +2739,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"
@@ -2826,7 +2760,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="/"
               >
@@ -2840,9 +2774,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>
@@ -2853,7 +2785,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="/"
               >
@@ -2867,13 +2799,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"
@@ -2890,7 +2820,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="/"
               >
@@ -2904,9 +2834,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>
@@ -2918,7 +2846,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="/"
               >
@@ -2932,9 +2860,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>
@@ -2945,7 +2871,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="/"
               >
@@ -2956,13 +2882,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"
@@ -2979,7 +2903,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="/"
               >
@@ -2993,9 +2917,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>
@@ -3006,7 +2928,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="/"
               >
@@ -3020,13 +2942,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"
@@ -3570,7 +3490,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="/"
               >
@@ -3581,13 +3501,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"
@@ -3604,7 +3522,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="/"
               >
@@ -3618,9 +3536,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>
@@ -3631,7 +3547,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="/"
               >
@@ -3645,13 +3561,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"
@@ -3668,7 +3582,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="/"
               >
@@ -3682,9 +3596,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>
@@ -3696,7 +3608,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="/"
               >
@@ -3710,9 +3622,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>
@@ -3723,7 +3633,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="/"
               >
@@ -3734,13 +3644,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"
@@ -3757,7 +3665,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="/"
               >
@@ -3771,9 +3679,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>
@@ -3784,7 +3690,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="/"
               >
@@ -3798,13 +3704,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"
@@ -4350,7 +4254,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="/"
               >
@@ -4361,13 +4265,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"
@@ -4384,7 +4286,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="/"
               >
@@ -4398,9 +4300,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>
@@ -4411,7 +4311,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="/"
               >
@@ -4425,13 +4325,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"
@@ -4448,7 +4346,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="/"
               >
@@ -4462,9 +4360,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>
@@ -4476,7 +4372,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="/"
               >
@@ -4490,9 +4386,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>
@@ -4503,7 +4397,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="/"
               >
@@ -4514,13 +4408,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"
@@ -4537,7 +4429,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="/"
               >
@@ -4551,9 +4443,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>
@@ -4564,7 +4454,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="/"
               >
@@ -4578,13 +4468,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"
@@ -5098,7 +4986,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="/"
               >
@@ -5109,13 +4997,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"
@@ -5132,7 +5018,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="/"
               >
@@ -5146,9 +5032,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>
@@ -5159,7 +5043,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="/"
               >
@@ -5173,13 +5057,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"
@@ -5196,7 +5078,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="/"
               >
@@ -5210,9 +5092,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>
@@ -5224,7 +5104,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="/"
               >
@@ -5238,9 +5118,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>
@@ -5251,7 +5129,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="/"
               >
@@ -5262,13 +5140,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"
@@ -5285,7 +5161,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="/"
               >
@@ -5299,9 +5175,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>
@@ -5312,7 +5186,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="/"
               >
@@ -5326,13 +5200,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"
@@ -5837,7 +5709,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="/"
               >
@@ -5848,13 +5720,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"
@@ -5871,7 +5741,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="/"
               >
@@ -5885,9 +5755,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>
@@ -5898,7 +5766,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="/"
               >
@@ -5912,13 +5780,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"
@@ -5935,7 +5801,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="/"
               >
@@ -5949,9 +5815,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>
@@ -5963,7 +5827,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="/"
               >
@@ -5977,9 +5841,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>
@@ -5990,7 +5852,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="/"
               >
@@ -6001,13 +5863,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"
@@ -6024,7 +5884,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="/"
               >
@@ -6038,9 +5898,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>
@@ -6051,7 +5909,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="/"
               >
@@ -6065,13 +5923,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"
@@ -6567,7 +6423,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="/"
               >
@@ -6578,13 +6434,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"
@@ -6601,7 +6455,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="/"
               >
@@ -6615,9 +6469,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>
@@ -6628,7 +6480,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="/"
               >
@@ -6642,13 +6494,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"
@@ -6665,7 +6515,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="/"
               >
@@ -6679,9 +6529,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>
@@ -6693,7 +6541,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="/"
               >
@@ -6707,9 +6555,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>
@@ -6720,7 +6566,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="/"
               >
@@ -6731,13 +6577,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"
@@ -6754,7 +6598,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="/"
               >
@@ -6768,9 +6612,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>
@@ -6781,7 +6623,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="/"
               >
@@ -6795,13 +6637,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"
@@ -7297,7 +7137,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="/"
               >
@@ -7308,13 +7148,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"
@@ -7331,7 +7169,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="/"
               >
@@ -7345,9 +7183,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>
@@ -7358,7 +7194,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="/"
               >
@@ -7372,13 +7208,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"
@@ -7395,7 +7229,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="/"
               >
@@ -7409,9 +7243,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>
@@ -7423,7 +7255,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="/"
               >
@@ -7437,9 +7269,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>
@@ -7450,7 +7280,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="/"
               >
@@ -7461,13 +7291,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"
@@ -7484,7 +7312,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="/"
               >
@@ -7498,9 +7326,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>
@@ -7511,7 +7337,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="/"
               >
@@ -7525,13 +7351,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"
@@ -8027,7 +7851,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="/"
               >
@@ -8038,13 +7862,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"
@@ -8061,7 +7883,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="/"
               >
@@ -8075,9 +7897,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>
@@ -8088,7 +7908,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="/"
               >
@@ -8102,13 +7922,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"
@@ -8125,7 +7943,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="/"
               >
@@ -8139,9 +7957,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>
@@ -8153,7 +7969,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="/"
               >
@@ -8167,9 +7983,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>
@@ -8180,7 +7994,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="/"
               >
@@ -8191,13 +8005,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"
@@ -8214,7 +8026,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="/"
               >
@@ -8228,9 +8040,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>
@@ -8241,7 +8051,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="/"
               >
@@ -8255,13 +8065,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"
@@ -8592,7 +8400,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="/"
               >
@@ -8603,13 +8411,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"
@@ -8626,7 +8432,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="/"
               >
@@ -8640,9 +8446,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>
@@ -8653,7 +8457,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="/"
               >
@@ -8667,13 +8471,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"
@@ -8690,7 +8492,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="/"
               >
@@ -8704,9 +8506,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>
@@ -8718,7 +8518,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="/"
               >
@@ -8732,9 +8532,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>
@@ -8745,7 +8543,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="/"
               >
@@ -8756,13 +8554,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"
@@ -8779,7 +8575,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="/"
               >
@@ -8793,9 +8589,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>
@@ -8806,7 +8600,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="/"
               >
@@ -8820,13 +8614,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"
@@ -9331,7 +9123,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="/"
               >
@@ -9342,13 +9134,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"
@@ -9365,7 +9155,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="/"
               >
@@ -9379,9 +9169,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>
@@ -9392,7 +9180,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="/"
               >
@@ -9406,13 +9194,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"
@@ -9429,7 +9215,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="/"
               >
@@ -9443,9 +9229,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>
@@ -9457,7 +9241,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="/"
               >
@@ -9471,9 +9255,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>
@@ -9484,7 +9266,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="/"
               >
@@ -9495,13 +9277,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"
@@ -9518,7 +9298,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="/"
               >
@@ -9532,9 +9312,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>
@@ -9545,7 +9323,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="/"
               >
@@ -9559,13 +9337,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"
@@ -9896,7 +9672,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="/"
               >
@@ -9907,13 +9683,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"
@@ -9930,7 +9704,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="/"
               >
@@ -9944,9 +9718,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>
@@ -9957,7 +9729,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="/"
               >
@@ -9971,13 +9743,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"
@@ -9994,7 +9764,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="/"
               >
@@ -10008,9 +9778,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>
@@ -10022,7 +9790,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="/"
               >
@@ -10036,9 +9804,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>
@@ -10049,7 +9815,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="/"
               >
@@ -10060,13 +9826,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"
@@ -10083,7 +9847,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="/"
               >
@@ -10097,9 +9861,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>
@@ -10110,7 +9872,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="/"
               >
@@ -10124,13 +9886,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"
@@ -10461,7 +10221,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="/"
               >
@@ -10472,13 +10232,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"
@@ -10495,7 +10253,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="/"
               >
@@ -10509,9 +10267,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>
@@ -10522,7 +10278,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="/"
               >
@@ -10536,13 +10292,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"
@@ -10559,7 +10313,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="/"
               >
@@ -10573,9 +10327,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>
@@ -10587,7 +10339,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="/"
               >
@@ -10601,9 +10353,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>
@@ -10614,7 +10364,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="/"
               >
@@ -10625,13 +10375,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"
@@ -10648,7 +10396,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="/"
               >
@@ -10662,9 +10410,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>
@@ -10675,7 +10421,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="/"
               >
@@ -10689,13 +10435,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/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap b/src/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
index 25a80a2702..f212adadf3 100644
--- a/src/behaviours/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
+++ b/src/behaviours/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"
@@ -601,7 +585,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="/"
               >
@@ -612,13 +596,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"
@@ -635,7 +617,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="/"
               >
@@ -649,9 +631,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>
@@ -662,7 +642,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="/"
               >
@@ -676,13 +656,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"
@@ -699,7 +677,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="/"
               >
@@ -713,9 +691,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>
@@ -726,7 +702,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="/"
               >
@@ -740,9 +716,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>
@@ -753,7 +727,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="/"
               >
@@ -764,13 +738,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"
@@ -787,7 +759,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="/"
               >
@@ -801,9 +773,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>
@@ -814,7 +784,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="/"
               >
@@ -828,13 +798,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/behaviours/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap b/src/behaviours/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
index 3b638b1f8c..4b9944e131 100644
--- a/src/behaviours/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/behaviours/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"
@@ -560,7 +546,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="/"
               >
@@ -571,13 +557,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"
@@ -594,7 +578,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="/"
               >
@@ -608,9 +592,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>
@@ -621,7 +603,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="/"
               >
@@ -635,13 +617,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"
@@ -658,7 +638,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="/"
               >
@@ -672,9 +652,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>
@@ -685,7 +663,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="/"
               >
@@ -696,13 +674,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"
@@ -719,7 +695,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="/"
               >
@@ -733,9 +709,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>
@@ -746,7 +720,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="/"
               >
@@ -760,13 +734,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"
@@ -1075,7 +1047,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="/"
               >
@@ -1086,13 +1058,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"
@@ -1109,7 +1079,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="/"
               >
@@ -1123,9 +1093,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>
@@ -1136,7 +1104,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="/"
               >
@@ -1150,13 +1118,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"
@@ -1173,7 +1139,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="/"
               >
@@ -1187,9 +1153,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>
@@ -1200,7 +1164,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="/"
               >
@@ -1211,13 +1175,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"
@@ -1234,7 +1196,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="/"
               >
@@ -1248,9 +1210,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>
@@ -1261,7 +1221,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="/"
               >
@@ -1275,13 +1235,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/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
index 745c657614..d6c6fc1280 100644
--- a/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
+++ b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
@@ -39,7 +39,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="/"
               >
@@ -50,13 +50,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"
@@ -73,7 +71,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="/"
               >
@@ -87,9 +85,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>
@@ -100,7 +96,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="/"
               >
@@ -114,13 +110,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"
@@ -137,7 +131,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="/"
               >
@@ -151,9 +145,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
             >
               <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[`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"
@@ -960,7 +946,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="/"
               >
@@ -971,13 +957,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"
@@ -994,7 +978,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="/"
               >
@@ -1008,9 +992,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>
@@ -1021,7 +1003,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="/"
               >
@@ -1035,13 +1017,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"
@@ -1058,7 +1038,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="/"
               >
@@ -1072,9 +1052,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>
@@ -1086,7 +1064,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="/"
               >
@@ -1097,13 +1075,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"
@@ -1120,7 +1096,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="/"
               >
@@ -1134,9 +1110,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>
@@ -1147,7 +1121,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="/"
               >
@@ -1161,13 +1135,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"
@@ -1721,7 +1693,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="/"
               >
@@ -1732,13 +1704,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"
@@ -1755,7 +1725,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="/"
               >
@@ -1769,9 +1739,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>
@@ -1782,7 +1750,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="/"
               >
@@ -1796,13 +1764,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"
@@ -1819,7 +1785,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="/"
               >
@@ -1833,9 +1799,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>
@@ -1847,7 +1811,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="/"
               >
@@ -1858,13 +1822,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"
@@ -1881,7 +1843,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="/"
               >
@@ -1895,9 +1857,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>
@@ -1908,7 +1868,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="/"
               >
@@ -1922,13 +1882,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"
@@ -2726,7 +2684,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="/"
               >
@@ -2737,13 +2695,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"
@@ -2760,7 +2716,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="/"
               >
@@ -2774,9 +2730,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>
@@ -2787,7 +2741,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="/"
               >
@@ -2801,13 +2755,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"
@@ -2824,7 +2776,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="/"
               >
@@ -2838,9 +2790,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>
@@ -2852,7 +2802,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="/"
               >
@@ -2863,13 +2813,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"
@@ -2886,7 +2834,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="/"
               >
@@ -2900,9 +2848,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>
@@ -2913,7 +2859,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="/"
               >
@@ -2927,13 +2873,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"
@@ -3705,7 +3649,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="/"
               >
@@ -3716,13 +3660,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"
@@ -3739,7 +3681,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="/"
               >
@@ -3753,9 +3695,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>
@@ -3766,7 +3706,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="/"
               >
@@ -3780,13 +3720,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"
@@ -3803,7 +3741,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="/"
               >
@@ -3817,9 +3755,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>
@@ -3831,7 +3767,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="/"
               >
@@ -3842,13 +3778,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"
@@ -3865,7 +3799,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="/"
               >
@@ -3879,9 +3813,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>
@@ -3892,7 +3824,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="/"
               >
@@ -3906,13 +3838,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"
@@ -4679,7 +4609,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="/"
               >
@@ -4690,13 +4620,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"
@@ -4713,7 +4641,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="/"
               >
@@ -4727,9 +4655,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>
@@ -4740,7 +4666,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="/"
               >
@@ -4754,13 +4680,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"
@@ -4777,7 +4701,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="/"
               >
@@ -4791,9 +4715,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>
@@ -4805,7 +4727,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="/"
               >
@@ -4816,13 +4738,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"
@@ -4839,7 +4759,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="/"
               >
@@ -4853,9 +4773,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>
@@ -4866,7 +4784,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="/"
               >
@@ -4880,13 +4798,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"
@@ -5653,7 +5569,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="/"
               >
@@ -5664,13 +5580,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"
@@ -5687,7 +5601,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="/"
               >
@@ -5701,9 +5615,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>
@@ -5714,7 +5626,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="/"
               >
@@ -5728,13 +5640,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"
@@ -5751,7 +5661,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="/"
               >
@@ -5765,9 +5675,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>
@@ -5779,7 +5687,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="/"
               >
@@ -5790,13 +5698,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"
@@ -5813,7 +5719,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="/"
               >
@@ -5827,9 +5733,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>
@@ -5840,7 +5744,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="/"
               >
@@ -5854,13 +5758,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"
@@ -6647,7 +6549,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="/"
               >
@@ -6658,13 +6560,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"
@@ -6681,7 +6581,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="/"
               >
@@ -6695,9 +6595,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>
@@ -6708,7 +6606,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="/"
               >
@@ -6722,13 +6620,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"
@@ -6745,7 +6641,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="/"
               >
@@ -6759,9 +6655,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>
@@ -6773,7 +6667,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="/"
               >
@@ -6784,13 +6678,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"
@@ -6807,7 +6699,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="/"
               >
@@ -6821,9 +6713,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>
@@ -6834,7 +6724,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="/"
               >
@@ -6848,13 +6738,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"
@@ -7652,7 +7540,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="/"
               >
@@ -7663,13 +7551,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"
@@ -7686,7 +7572,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="/"
               >
@@ -7700,9 +7586,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>
@@ -7713,7 +7597,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="/"
               >
@@ -7727,13 +7611,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"
@@ -7750,7 +7632,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="/"
               >
@@ -7764,9 +7646,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>
@@ -7778,7 +7658,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="/"
               >
@@ -7789,13 +7669,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"
@@ -7812,7 +7690,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="/"
               >
@@ -7826,9 +7704,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>
@@ -7839,7 +7715,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="/"
               >
@@ -7853,13 +7729,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"
@@ -8626,7 +8500,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="/"
               >
@@ -8637,13 +8511,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"
@@ -8660,7 +8532,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="/"
               >
@@ -8674,9 +8546,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>
@@ -8687,7 +8557,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="/"
               >
@@ -8701,13 +8571,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"
@@ -8724,7 +8592,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="/"
               >
@@ -8738,9 +8606,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>
@@ -8752,7 +8618,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="/"
               >
@@ -8763,13 +8629,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"
@@ -8786,7 +8650,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="/"
               >
@@ -8800,9 +8664,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>
@@ -8813,7 +8675,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="/"
               >
@@ -8827,13 +8689,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"
@@ -9655,7 +9515,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="/"
               >
@@ -9666,13 +9526,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"
@@ -9689,7 +9547,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="/"
               >
@@ -9703,9 +9561,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>
@@ -9716,7 +9572,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="/"
               >
@@ -9730,13 +9586,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"
@@ -9753,7 +9607,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="/"
               >
@@ -9767,9 +9621,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>
@@ -9781,7 +9633,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="/"
               >
@@ -9792,13 +9644,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"
@@ -9815,7 +9665,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="/"
               >
@@ -9829,9 +9679,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>
@@ -9842,7 +9690,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="/"
               >
@@ -9856,13 +9704,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"
@@ -10496,7 +10342,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="/"
               >
@@ -10507,13 +10353,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"
@@ -10530,7 +10374,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="/"
               >
@@ -10544,9 +10388,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>
@@ -10557,7 +10399,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="/"
               >
@@ -10571,13 +10413,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"
@@ -10594,7 +10434,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="/"
               >
@@ -10608,9 +10448,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>
@@ -10622,7 +10460,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="/"
               >
@@ -10633,13 +10471,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"
@@ -10656,7 +10492,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="/"
               >
@@ -10670,9 +10506,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>
@@ -10683,7 +10517,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="/"
               >
@@ -10697,13 +10531,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"
@@ -11263,7 +11095,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="/"
               >
@@ -11274,13 +11106,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"
@@ -11297,7 +11127,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="/"
               >
@@ -11311,9 +11141,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>
@@ -11324,7 +11152,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="/"
               >
@@ -11338,13 +11166,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"
@@ -11361,7 +11187,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="/"
               >
@@ -11375,9 +11201,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>
@@ -11389,7 +11213,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="/"
               >
@@ -11400,13 +11224,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"
@@ -11423,7 +11245,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="/"
               >
@@ -11437,9 +11259,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>
@@ -11450,7 +11270,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="/"
               >
@@ -11464,13 +11284,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"
@@ -12117,7 +11935,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="/"
               >
@@ -12128,13 +11946,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"
@@ -12151,7 +11967,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="/"
               >
@@ -12165,9 +11981,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>
@@ -12178,7 +11992,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="/"
               >
@@ -12192,13 +12006,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"
@@ -12215,7 +12027,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="/"
               >
@@ -12229,9 +12041,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>
@@ -12243,7 +12053,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="/"
               >
@@ -12254,13 +12064,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"
@@ -12277,7 +12085,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="/"
               >
@@ -12291,9 +12099,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>
@@ -12304,7 +12110,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="/"
               >
@@ -12318,13 +12124,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"
@@ -13333,7 +13137,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="/"
               >
@@ -13344,13 +13148,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"
@@ -13367,7 +13169,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="/"
               >
@@ -13381,9 +13183,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>
@@ -13394,7 +13194,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="/"
               >
@@ -13408,13 +13208,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"
@@ -13431,7 +13229,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="/"
               >
@@ -13445,9 +13243,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>
@@ -13459,7 +13255,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="/"
               >
@@ -13470,13 +13266,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"
@@ -13493,7 +13287,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="/"
               >
@@ -13507,9 +13301,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>
@@ -13520,7 +13312,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="/"
               >
@@ -13534,13 +13326,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"
@@ -14141,7 +13931,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="/"
               >
@@ -14152,13 +13942,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"
@@ -14175,7 +13963,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="/"
               >
@@ -14189,9 +13977,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>
@@ -14202,7 +13988,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="/"
               >
@@ -14216,13 +14002,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"
@@ -14239,7 +14023,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="/"
               >
@@ -14253,9 +14037,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>
@@ -14267,7 +14049,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="/"
               >
@@ -14278,13 +14060,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"
@@ -14301,7 +14081,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="/"
               >
@@ -14315,9 +14095,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>
@@ -14328,7 +14106,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="/"
               >
@@ -14342,13 +14120,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"
@@ -15164,7 +14940,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="/"
               >
@@ -15175,13 +14951,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"
@@ -15198,7 +14972,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="/"
               >
@@ -15212,9 +14986,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>
@@ -15225,7 +14997,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="/"
               >
@@ -15239,13 +15011,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"
@@ -15262,7 +15032,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="/"
               >
@@ -15276,9 +15046,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>
@@ -15290,7 +15058,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="/"
               >
@@ -15301,13 +15069,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"
@@ -15324,7 +15090,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="/"
               >
@@ -15338,9 +15104,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>
@@ -15351,7 +15115,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="/"
               >
@@ -15365,13 +15129,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"
@@ -16185,7 +15947,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="/"
               >
@@ -16196,13 +15958,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"
@@ -16219,7 +15979,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="/"
               >
@@ -16233,9 +15993,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>
@@ -16246,7 +16004,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="/"
               >
@@ -16260,13 +16018,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"
@@ -16283,7 +16039,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="/"
               >
@@ -16297,9 +16053,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>
@@ -16311,7 +16065,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="/"
               >
@@ -16322,13 +16076,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"
@@ -16345,7 +16097,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="/"
               >
@@ -16359,9 +16111,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>
@@ -16372,7 +16122,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="/"
               >
@@ -16386,13 +16136,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"
@@ -17159,7 +16907,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="/"
               >
@@ -17170,13 +16918,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"
@@ -17193,7 +16939,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="/"
               >
@@ -17207,9 +16953,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>
@@ -17220,7 +16964,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="/"
               >
@@ -17234,13 +16978,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"
@@ -17257,7 +16999,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="/"
               >
@@ -17271,9 +17013,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>
@@ -17285,7 +17025,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="/"
               >
@@ -17296,13 +17036,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"
@@ -17319,7 +17057,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="/"
               >
@@ -17333,9 +17071,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>
@@ -17346,7 +17082,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="/"
               >
@@ -17360,13 +17096,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"
@@ -18133,7 +17867,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="/"
               >
@@ -18144,13 +17878,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"
@@ -18167,7 +17899,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="/"
               >
@@ -18181,9 +17913,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>
@@ -18194,7 +17924,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="/"
               >
@@ -18208,13 +17938,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"
@@ -18231,7 +17959,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="/"
               >
@@ -18245,9 +17973,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>
@@ -18259,7 +17985,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="/"
               >
@@ -18270,13 +17996,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"
@@ -18293,7 +18017,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="/"
               >
@@ -18307,9 +18031,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>
@@ -18320,7 +18042,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="/"
               >
@@ -18334,13 +18056,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/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
index 8c5475a888..391a399b98 100644
--- a/src/behaviours/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
+++ b/src/behaviours/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"
@@ -562,7 +548,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="/"
               >
@@ -573,13 +559,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"
@@ -596,7 +580,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="/"
               >
@@ -610,9 +594,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>
@@ -623,7 +605,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="/"
               >
@@ -637,13 +619,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"
@@ -660,7 +640,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="/"
               >
@@ -674,9 +654,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>
@@ -687,7 +665,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="/"
               >
@@ -698,13 +676,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"
@@ -721,7 +697,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="/"
               >
@@ -735,9 +711,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>
@@ -748,7 +722,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="/"
               >
@@ -762,13 +736,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/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/src/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
index 0f3c4937ca..848da1720d 100644
--- a/src/behaviours/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
+++ b/src/behaviours/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"
@@ -554,7 +540,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="/"
               >
@@ -565,13 +551,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"
@@ -588,7 +572,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="/"
               >
@@ -602,9 +586,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>
@@ -615,7 +597,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="/"
               >
@@ -629,13 +611,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"
@@ -652,7 +632,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="/"
               >
@@ -666,9 +646,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>
@@ -680,7 +658,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="/"
               >
@@ -691,13 +669,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"
@@ -714,7 +690,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="/"
               >
@@ -728,9 +704,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>
@@ -741,7 +715,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="/"
               >
@@ -755,13 +729,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"
@@ -1233,7 +1205,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="/"
               >
@@ -1244,13 +1216,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"
@@ -1267,7 +1237,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="/"
               >
@@ -1281,9 +1251,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>
@@ -1294,7 +1262,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="/"
               >
@@ -1308,13 +1276,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"
@@ -1331,7 +1297,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="/"
               >
@@ -1345,9 +1311,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>
@@ -1359,7 +1323,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="/"
               >
@@ -1370,13 +1334,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"
@@ -1393,7 +1355,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="/"
               >
@@ -1407,9 +1369,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>
@@ -1420,7 +1380,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="/"
               >
@@ -1434,13 +1394,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"
@@ -1965,7 +1923,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="/"
               >
@@ -1976,13 +1934,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"
@@ -1999,7 +1955,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="/"
               >
@@ -2013,9 +1969,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>
@@ -2026,7 +1980,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="/"
               >
@@ -2040,13 +1994,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"
@@ -2063,7 +2015,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="/"
               >
@@ -2077,9 +2029,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>
@@ -2091,7 +2041,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="/"
               >
@@ -2102,13 +2052,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"
@@ -2125,7 +2073,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="/"
               >
@@ -2139,9 +2087,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>
@@ -2152,7 +2098,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="/"
               >
@@ -2166,13 +2112,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"
@@ -2876,7 +2820,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="/"
               >
@@ -2887,13 +2831,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"
@@ -2910,7 +2852,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="/"
               >
@@ -2924,9 +2866,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>
@@ -2937,7 +2877,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="/"
               >
@@ -2951,13 +2891,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"
@@ -2974,7 +2912,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="/"
               >
@@ -2988,9 +2926,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>
@@ -3002,7 +2938,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="/"
               >
@@ -3013,13 +2949,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"
@@ -3036,7 +2970,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="/"
               >
@@ -3050,9 +2984,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>
@@ -3063,7 +2995,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="/"
               >
@@ -3077,13 +3009,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"
@@ -3797,7 +3727,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="/"
               >
@@ -3808,13 +3738,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"
@@ -3831,7 +3759,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="/"
               >
@@ -3845,9 +3773,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>
@@ -3858,7 +3784,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="/"
               >
@@ -3872,13 +3798,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"
@@ -3895,7 +3819,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="/"
               >
@@ -3909,9 +3833,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>
@@ -3923,7 +3845,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="/"
               >
@@ -3934,13 +3856,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"
@@ -3957,7 +3877,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="/"
               >
@@ -3971,9 +3891,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>
@@ -3984,7 +3902,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="/"
               >
@@ -3998,13 +3916,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"
@@ -4708,7 +4624,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="/"
               >
@@ -4719,13 +4635,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"
@@ -4742,7 +4656,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="/"
               >
@@ -4756,9 +4670,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>
@@ -4769,7 +4681,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="/"
               >
@@ -4783,13 +4695,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"
@@ -4806,7 +4716,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="/"
               >
@@ -4820,9 +4730,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>
@@ -4834,7 +4742,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="/"
               >
@@ -4845,13 +4753,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"
@@ -4868,7 +4774,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="/"
               >
@@ -4882,9 +4788,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>
@@ -4895,7 +4799,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="/"
               >
@@ -4909,13 +4813,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"
@@ -5629,7 +5531,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="/"
               >
@@ -5640,13 +5542,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"
@@ -5663,7 +5563,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="/"
               >
@@ -5677,9 +5577,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>
@@ -5690,7 +5588,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="/"
               >
@@ -5704,13 +5602,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"
@@ -5727,7 +5623,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="/"
               >
@@ -5741,9 +5637,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>
@@ -5755,7 +5649,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="/"
               >
@@ -5766,13 +5660,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"
@@ -5789,7 +5681,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="/"
               >
@@ -5803,9 +5695,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>
@@ -5816,7 +5706,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="/"
               >
@@ -5830,13 +5720,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/behaviours/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap b/src/behaviours/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
index ba191595b2..0196f29ae7 100644
--- a/src/behaviours/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
+++ b/src/behaviours/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"
@@ -783,7 +769,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="/"
               >
@@ -794,13 +780,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"
@@ -817,7 +801,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="/"
               >
@@ -831,9 +815,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>
@@ -844,7 +826,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="/"
               >
@@ -858,13 +840,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"
@@ -881,7 +861,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="/"
               >
@@ -895,9 +875,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>
@@ -909,7 +887,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="/"
               >
@@ -920,13 +898,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"
@@ -943,7 +919,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="/"
               >
@@ -957,9 +933,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>
@@ -970,7 +944,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="/"
               >
@@ -984,13 +958,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"
@@ -1532,7 +1504,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="/"
               >
@@ -1543,13 +1515,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"
@@ -1566,7 +1536,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="/"
               >
@@ -1580,9 +1550,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>
@@ -1593,7 +1561,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="/"
               >
@@ -1607,13 +1575,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"
@@ -1630,7 +1596,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="/"
               >
@@ -1644,9 +1610,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>
@@ -1658,7 +1622,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="/"
               >
@@ -1669,13 +1633,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"
@@ -1692,7 +1654,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="/"
               >
@@ -1706,9 +1668,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>
@@ -1719,7 +1679,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="/"
               >
@@ -1733,13 +1693,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"
@@ -2449,7 +2407,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="/"
               >
@@ -2460,13 +2418,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"
@@ -2483,7 +2439,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="/"
               >
@@ -2497,9 +2453,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>
@@ -2510,7 +2464,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="/"
               >
@@ -2524,13 +2478,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"
@@ -2547,7 +2499,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="/"
               >
@@ -2561,9 +2513,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>
@@ -2575,7 +2525,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="/"
               >
@@ -2586,13 +2536,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"
@@ -2609,7 +2557,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="/"
               >
@@ -2623,9 +2571,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>
@@ -2636,7 +2582,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="/"
               >
@@ -2650,13 +2596,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"
@@ -3409,7 +3353,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="/"
               >
@@ -3420,13 +3364,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"
@@ -3443,7 +3385,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="/"
               >
@@ -3457,9 +3399,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>
@@ -3470,7 +3410,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="/"
               >
@@ -3484,13 +3424,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"
@@ -3507,7 +3445,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="/"
               >
@@ -3521,9 +3459,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>
@@ -3535,7 +3471,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="/"
               >
@@ -3546,13 +3482,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"
@@ -3569,7 +3503,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="/"
               >
@@ -3583,9 +3517,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>
@@ -3596,7 +3528,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="/"
               >
@@ -3610,13 +3542,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"
@@ -4326,7 +4256,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="/"
               >
@@ -4337,13 +4267,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"
@@ -4360,7 +4288,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="/"
               >
@@ -4374,9 +4302,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>
@@ -4387,7 +4313,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="/"
               >
@@ -4401,13 +4327,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"
@@ -4424,7 +4348,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="/"
               >
@@ -4438,9 +4362,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>
@@ -4452,7 +4374,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="/"
               >
@@ -4463,13 +4385,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"
@@ -4486,7 +4406,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="/"
               >
@@ -4500,9 +4420,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>
@@ -4513,7 +4431,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="/"
               >
@@ -4527,13 +4445,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"
@@ -5286,7 +5202,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="/"
               >
@@ -5297,13 +5213,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"
@@ -5320,7 +5234,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="/"
               >
@@ -5334,9 +5248,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>
@@ -5347,7 +5259,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="/"
               >
@@ -5361,13 +5273,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"
@@ -5384,7 +5294,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="/"
               >
@@ -5398,9 +5308,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>
@@ -5412,7 +5320,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="/"
               >
@@ -5423,13 +5331,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"
@@ -5446,7 +5352,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="/"
               >
@@ -5460,9 +5366,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>
@@ -5473,7 +5377,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="/"
               >
@@ -5487,13 +5391,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"
@@ -6246,7 +6148,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="/"
               >
@@ -6257,13 +6159,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"
@@ -6280,7 +6180,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="/"
               >
@@ -6294,9 +6194,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>
@@ -6307,7 +6205,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="/"
               >
@@ -6321,13 +6219,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"
@@ -6344,7 +6240,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="/"
               >
@@ -6358,9 +6254,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>
@@ -6372,7 +6266,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="/"
               >
@@ -6383,13 +6277,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"
@@ -6406,7 +6298,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="/"
               >
@@ -6420,9 +6312,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>
@@ -6433,7 +6323,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="/"
               >
@@ -6447,13 +6337,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"
@@ -7466,7 +7354,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="/"
               >
@@ -7477,13 +7365,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"
@@ -7500,7 +7386,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="/"
               >
@@ -7514,9 +7400,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>
@@ -7527,7 +7411,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="/"
               >
@@ -7541,13 +7425,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"
@@ -7564,7 +7446,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="/"
               >
@@ -7578,9 +7460,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>
@@ -7592,7 +7472,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="/"
               >
@@ -7603,13 +7483,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"
@@ -7626,7 +7504,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="/"
               >
@@ -7640,9 +7518,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>
@@ -7653,7 +7529,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="/"
               >
@@ -7667,13 +7543,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"
@@ -8686,7 +8560,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="/"
               >
@@ -8697,13 +8571,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"
@@ -8720,7 +8592,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="/"
               >
@@ -8734,9 +8606,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>
@@ -8747,7 +8617,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="/"
               >
@@ -8761,13 +8631,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"
@@ -8784,7 +8652,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="/"
               >
@@ -8798,9 +8666,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>
@@ -8812,7 +8678,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="/"
               >
@@ -8823,13 +8689,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"
@@ -8846,7 +8710,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="/"
               >
@@ -8860,9 +8724,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>
@@ -8873,7 +8735,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="/"
               >
@@ -8887,13 +8749,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"
@@ -9906,7 +9766,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="/"
               >
@@ -9917,13 +9777,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"
@@ -9940,7 +9798,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="/"
               >
@@ -9954,9 +9812,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>
@@ -9967,7 +9823,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="/"
               >
@@ -9981,13 +9837,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"
@@ -10004,7 +9858,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="/"
               >
@@ -10018,9 +9872,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>
@@ -10032,7 +9884,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="/"
               >
@@ -10043,13 +9895,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"
@@ -10066,7 +9916,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="/"
               >
@@ -10080,9 +9930,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>
@@ -10093,7 +9941,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="/"
               >
@@ -10107,13 +9955,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"
@@ -10953,7 +10799,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="/"
               >
@@ -10964,13 +10810,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"
@@ -10987,7 +10831,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="/"
               >
@@ -11001,9 +10845,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>
@@ -11014,7 +10856,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="/"
               >
@@ -11028,13 +10870,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"
@@ -11051,7 +10891,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="/"
               >
@@ -11065,9 +10905,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>
@@ -11079,7 +10917,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="/"
               >
@@ -11090,13 +10928,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"
@@ -11113,7 +10949,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="/"
               >
@@ -11127,9 +10963,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>
@@ -11140,7 +10974,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="/"
               >
@@ -11154,13 +10988,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"
@@ -12002,7 +11834,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="/"
               >
@@ -12013,13 +11845,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"
@@ -12036,7 +11866,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="/"
               >
@@ -12050,9 +11880,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>
@@ -12063,7 +11891,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="/"
               >
@@ -12077,13 +11905,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"
@@ -12100,7 +11926,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="/"
               >
@@ -12114,9 +11940,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>
@@ -12128,7 +11952,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="/"
               >
@@ -12139,13 +11963,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"
@@ -12162,7 +11984,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="/"
               >
@@ -12176,9 +11998,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>
@@ -12189,7 +12009,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="/"
               >
@@ -12203,13 +12023,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"
@@ -13222,7 +13040,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="/"
               >
@@ -13233,13 +13051,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"
@@ -13256,7 +13072,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="/"
               >
@@ -13270,9 +13086,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>
@@ -13283,7 +13097,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="/"
               >
@@ -13297,13 +13111,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"
@@ -13320,7 +13132,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="/"
               >
@@ -13334,9 +13146,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>
@@ -13348,7 +13158,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="/"
               >
@@ -13359,13 +13169,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"
@@ -13382,7 +13190,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="/"
               >
@@ -13396,9 +13204,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>
@@ -13409,7 +13215,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="/"
               >
@@ -13423,13 +13229,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"
@@ -14195,7 +13999,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="/"
               >
@@ -14206,13 +14010,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"
@@ -14229,7 +14031,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="/"
               >
@@ -14243,9 +14045,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>
@@ -14256,7 +14056,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="/"
               >
@@ -14270,13 +14070,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"
@@ -14293,7 +14091,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="/"
               >
@@ -14307,9 +14105,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>
@@ -14321,7 +14117,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="/"
               >
@@ -14332,13 +14128,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"
@@ -14355,7 +14149,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="/"
               >
@@ -14369,9 +14163,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>
@@ -14382,7 +14174,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="/"
               >
@@ -14396,13 +14188,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"
@@ -15155,7 +14945,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="/"
               >
@@ -15166,13 +14956,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"
@@ -15189,7 +14977,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="/"
               >
@@ -15203,9 +14991,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>
@@ -15216,7 +15002,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="/"
               >
@@ -15230,13 +15016,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"
@@ -15253,7 +15037,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="/"
               >
@@ -15267,9 +15051,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>
@@ -15281,7 +15063,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="/"
               >
@@ -15292,13 +15074,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"
@@ -15315,7 +15095,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="/"
               >
@@ -15329,9 +15109,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>
@@ -15342,7 +15120,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="/"
               >
@@ -15356,13 +15134,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/main/prometheus/operator.ts b/src/main/prometheus/operator.ts
index 4673cad815..504bb93136 100644
--- a/src/main/prometheus/operator.ts
+++ b/src/main/prometheus/operator.ts
@@ -15,7 +15,7 @@ export class PrometheusOperator extends PrometheusProvider {
   readonly isConfigurable: boolean = true;
 
   public async getPrometheusService(client: CoreV1Api): Promise<PrometheusService> {
-    return this.getFirstNamespacedService(client, "operated-prometheus=true", "self-monitor=true");
+    return this.getFirstNamespacedService(client, "operated-prometheus=true");
   }
 
   public getQuery(opts: Record<string, string>, queryName: string): string {
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/components/resource-metrics/resource-metrics-text.tsx b/src/renderer/components/resource-metrics/resource-metrics-text.tsx
index 364bc6d0f4..cedf0d136f 100644
--- a/src/renderer/components/resource-metrics/resource-metrics-text.tsx
+++ b/src/renderer/components/resource-metrics/resource-metrics-text.tsx
@@ -19,19 +19,15 @@ export function ResourceMetricsText({ metrics }: ResourceMetricsTextProps) {
     return null;
   }
 
-  const { cpuUsage, cpuRequests, cpuLimits, memoryUsage, memoryRequests, memoryLimits } = getMetricLastPoints(metrics);
+  const { cpuUsage, memoryUsage } = getMetricLastPoints(metrics);
 
   return (
     <>
       <DrawerItem name="CPU" labelsOnly>
         {cpuUsage > 0 && <Badge label={`Usage: ${cpuUsage.toPrecision(2)}`}/>}
-        {cpuRequests > 0 && <Badge label={`Requests: ${cpuRequests.toPrecision(2)}`}/>}
-        {cpuLimits > 0 && <Badge label={`Limits: ${cpuLimits.toPrecision(2)}`}/>}
       </DrawerItem>
       <DrawerItem name="Memory" labelsOnly>
         {memoryUsage > 0 && <Badge label={`Usage: ${bytesToUnits(memoryUsage)}`}/>}
-        {memoryRequests > 0 && <Badge label={`Requests: ${bytesToUnits(memoryRequests)}`}/>}
-        {memoryLimits > 0 && <Badge label={`Limits: ${bytesToUnits(memoryLimits)}`}/>}
       </DrawerItem>
     </>
   );
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 0084489fc5..229b006e3d 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"
@@ -513,7 +493,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="/"
             >
@@ -524,9 +504,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -537,7 +515,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="/"
             >
@@ -548,9 +526,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -561,7 +537,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="/"
             >
@@ -572,13 +548,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"
@@ -595,7 +569,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="/"
             >
@@ -609,9 +583,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -622,7 +594,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="/"
             >
@@ -636,13 +608,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"
@@ -659,7 +629,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="/"
             >
@@ -673,9 +643,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -686,7 +654,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="/"
             >
@@ -700,9 +668,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -713,7 +679,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="/"
             >
@@ -724,13 +690,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"
@@ -747,7 +711,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="/"
             >
@@ -761,9 +725,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>
@@ -774,7 +736,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="/"
             >
@@ -788,13 +750,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"
@@ -994,7 +954,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="/"
             >
@@ -1005,13 +965,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"
@@ -1028,7 +986,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="/"
             >
@@ -1042,9 +1000,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1055,7 +1011,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="/"
             >
@@ -1069,13 +1025,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"
@@ -1092,7 +1046,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="/"
             >
@@ -1106,9 +1060,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1119,7 +1071,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="/"
             >
@@ -1133,9 +1085,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -1146,7 +1096,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="/"
             >
@@ -1157,13 +1107,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"
@@ -1180,7 +1128,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="/"
             >
@@ -1194,9 +1142,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>
@@ -1207,7 +1153,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="/"
             >
@@ -1221,13 +1167,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"