From 72c490a63e63cca34f49e4e1e02dd852775099c4 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 30 Aug 2022 13:35:41 +0300
Subject: [PATCH] Updating bunch of snapshots

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../order-of-sidebar-items.test.tsx.snap      |  160 +--
 ...-and-tab-navigation-for-core.test.tsx.snap |  430 +++----
 ...ab-navigation-for-extensions.test.tsx.snap |  520 +++-----
 .../visibility-of-sidebar-items.test.tsx.snap |  112 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  156 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...how-status-for-a-kube-object.test.tsx.snap |  300 ++---
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 .../edit-namespace-from-new-tab.test.tsx.snap |  896 +++++---------
 ...e-from-previously-opened-tab.test.tsx.snap |  112 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  150 +--
 ...lling-helm-chart-from-new-tab.test.ts.snap | 1050 ++++++-----------
 ...rt-from-previously-opened-tab.test.ts.snap |  100 +-
 ...tab-for-installing-helm-chart.test.ts.snap |  400 +++----
 ...wing-details-for-helm-release.test.ts.snap |  800 +++++--------
 .../__snapshots__/cluster-frame.test.tsx.snap |  192 ++-
 18 files changed, 2149 insertions(+), 3829 deletions(-)

diff --git a/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
index 3dccc2e925..be2f452f34 100644
--- a/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,17 +96,15 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -127,7 +121,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -141,13 +135,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -164,7 +156,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -178,9 +170,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -191,13 +181,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-another-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-another-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some another parent
               </span>
             </a>
@@ -208,7 +196,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -219,13 +207,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -242,7 +228,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -256,9 +242,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -269,7 +253,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -283,13 +267,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -306,13 +288,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some other parent
               </span>
             </a>
@@ -618,7 +598,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="/"
             >
@@ -629,13 +609,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"
@@ -652,7 +630,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="/"
             >
@@ -666,9 +644,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>
@@ -679,17 +655,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"
@@ -700,7 +674,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -709,13 +683,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>
@@ -727,13 +699,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>
@@ -745,13 +715,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>
@@ -764,7 +732,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="/"
             >
@@ -778,13 +746,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"
@@ -801,7 +767,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="/"
             >
@@ -815,9 +781,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>
@@ -828,13 +792,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>
@@ -845,7 +807,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="/"
             >
@@ -856,13 +818,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"
@@ -879,7 +839,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="/"
             >
@@ -893,9 +853,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>
@@ -906,7 +864,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="/"
             >
@@ -920,13 +878,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"
@@ -943,13 +899,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
             data-testid="sidebar-item-some-other-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-other-parent-id"
               href="/"
             >
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some other parent
               </span>
             </a>
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
index 8928a59b25..6f86ccb1b1 100644
--- a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,20 +96,18 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-parent-id"
               href="/"
             >
               <div
                 data-testid="some-icon-for-parent"
               />
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Some parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -130,7 +124,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -144,13 +138,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -167,7 +159,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -181,9 +173,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -194,7 +184,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -205,13 +195,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -228,7 +216,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -242,9 +230,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -255,7 +241,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -269,13 +255,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -587,7 +571,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="/"
             >
@@ -598,13 +582,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"
@@ -621,7 +603,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="/"
             >
@@ -635,9 +617,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>
@@ -648,20 +628,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"
@@ -678,7 +656,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="/"
             >
@@ -692,13 +670,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"
@@ -715,7 +691,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="/"
             >
@@ -729,9 +705,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>
@@ -742,7 +716,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="/"
             >
@@ -753,13 +727,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"
@@ -776,7 +748,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="/"
             >
@@ -790,9 +762,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>
@@ -803,7 +773,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="/"
             >
@@ -817,13 +787,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"
@@ -1135,7 +1103,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="/"
             >
@@ -1146,13 +1114,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"
@@ -1169,7 +1135,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="/"
             >
@@ -1183,9 +1149,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>
@@ -1196,20 +1160,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"
@@ -1220,7 +1182,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1229,13 +1191,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>
@@ -1248,7 +1208,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="/"
             >
@@ -1262,13 +1222,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"
@@ -1285,7 +1243,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="/"
             >
@@ -1299,9 +1257,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>
@@ -1312,7 +1268,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="/"
             >
@@ -1323,13 +1279,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"
@@ -1346,7 +1300,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="/"
             >
@@ -1360,9 +1314,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>
@@ -1373,7 +1325,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="/"
             >
@@ -1387,13 +1339,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"
@@ -1704,7 +1654,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="/"
             >
@@ -1715,13 +1665,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"
@@ -1738,7 +1686,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="/"
             >
@@ -1752,9 +1700,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>
@@ -1766,20 +1712,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"
@@ -1790,7 +1734,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"
@@ -1800,13 +1744,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>
@@ -1819,7 +1761,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="/"
             >
@@ -1833,13 +1775,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"
@@ -1856,7 +1796,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="/"
             >
@@ -1870,9 +1810,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>
@@ -1883,7 +1821,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="/"
             >
@@ -1894,13 +1832,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"
@@ -1917,7 +1853,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="/"
             >
@@ -1931,9 +1867,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>
@@ -1944,7 +1878,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="/"
             >
@@ -1958,13 +1892,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"
@@ -2155,7 +2087,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="/"
             >
@@ -2166,13 +2098,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"
@@ -2189,7 +2119,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="/"
             >
@@ -2203,9 +2133,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>
@@ -2217,20 +2145,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"
@@ -2247,7 +2173,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="/"
             >
@@ -2261,13 +2187,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"
@@ -2284,7 +2208,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="/"
             >
@@ -2298,9 +2222,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>
@@ -2311,7 +2233,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="/"
             >
@@ -2322,13 +2244,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"
@@ -2345,7 +2265,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="/"
             >
@@ -2359,9 +2279,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>
@@ -2372,7 +2290,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="/"
             >
@@ -2386,13 +2304,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"
@@ -2584,7 +2500,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="/"
             >
@@ -2595,13 +2511,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"
@@ -2618,7 +2532,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="/"
             >
@@ -2632,9 +2546,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>
@@ -2645,20 +2557,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"
@@ -2669,7 +2579,7 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -2678,13 +2588,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>
@@ -2697,7 +2605,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="/"
             >
@@ -2711,13 +2619,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"
@@ -2734,7 +2640,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="/"
             >
@@ -2748,9 +2654,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>
@@ -2761,7 +2665,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="/"
             >
@@ -2772,13 +2676,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"
@@ -2795,7 +2697,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="/"
             >
@@ -2809,9 +2711,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>
@@ -2822,7 +2722,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="/"
             >
@@ -2836,13 +2736,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"
@@ -3154,7 +3052,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="/"
             >
@@ -3165,13 +3063,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"
@@ -3188,7 +3084,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="/"
             >
@@ -3202,9 +3098,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>
@@ -3215,20 +3109,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"
@@ -3245,7 +3137,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="/"
             >
@@ -3259,13 +3151,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"
@@ -3282,7 +3172,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="/"
             >
@@ -3296,9 +3186,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>
@@ -3309,7 +3197,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="/"
             >
@@ -3320,13 +3208,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"
@@ -3343,7 +3229,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="/"
             >
@@ -3357,9 +3243,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>
@@ -3370,7 +3254,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="/"
             >
@@ -3384,13 +3268,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
index b9cc0addaf..8c95c61094 100644
--- a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,7 +96,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -114,13 +110,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -137,7 +131,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -151,9 +145,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -164,7 +156,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -175,13 +167,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -198,7 +188,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -212,9 +202,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -225,7 +213,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -239,13 +227,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -262,20 +248,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -587,7 +571,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="/"
             >
@@ -598,13 +582,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"
@@ -621,7 +603,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="/"
             >
@@ -635,9 +617,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>
@@ -648,7 +628,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="/"
             >
@@ -662,13 +642,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"
@@ -685,7 +663,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="/"
             >
@@ -699,9 +677,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>
@@ -712,7 +688,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="/"
             >
@@ -723,13 +699,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"
@@ -746,7 +720,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="/"
             >
@@ -760,9 +734,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>
@@ -773,7 +745,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="/"
             >
@@ -787,13 +759,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"
@@ -810,20 +780,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"
@@ -1135,7 +1103,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="/"
             >
@@ -1146,13 +1114,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"
@@ -1169,7 +1135,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="/"
             >
@@ -1183,9 +1149,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>
@@ -1196,7 +1160,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="/"
             >
@@ -1210,13 +1174,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"
@@ -1233,7 +1195,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="/"
             >
@@ -1247,9 +1209,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>
@@ -1260,7 +1220,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="/"
             >
@@ -1271,13 +1231,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"
@@ -1294,7 +1252,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="/"
             >
@@ -1308,9 +1266,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>
@@ -1321,7 +1277,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="/"
             >
@@ -1335,13 +1291,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"
@@ -1358,20 +1312,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"
@@ -1382,7 +1334,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -1391,13 +1343,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>
@@ -1409,13 +1359,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>
@@ -1722,7 +1670,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="/"
             >
@@ -1733,13 +1681,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"
@@ -1756,7 +1702,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="/"
             >
@@ -1770,9 +1716,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>
@@ -1783,7 +1727,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="/"
             >
@@ -1797,13 +1741,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"
@@ -1820,7 +1762,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="/"
             >
@@ -1834,9 +1776,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>
@@ -1847,7 +1787,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="/"
             >
@@ -1858,13 +1798,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"
@@ -1881,7 +1819,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="/"
             >
@@ -1895,9 +1833,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>
@@ -1908,7 +1844,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="/"
             >
@@ -1922,13 +1858,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"
@@ -1946,20 +1880,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"
@@ -1970,7 +1902,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"
@@ -1980,13 +1912,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>
@@ -1998,13 +1928,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>
@@ -2230,7 +2158,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="/"
             >
@@ -2241,13 +2169,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"
@@ -2264,7 +2190,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="/"
             >
@@ -2278,9 +2204,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>
@@ -2291,7 +2215,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="/"
             >
@@ -2305,13 +2229,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"
@@ -2328,7 +2250,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="/"
             >
@@ -2342,9 +2264,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>
@@ -2355,7 +2275,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="/"
             >
@@ -2366,13 +2286,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"
@@ -2389,7 +2307,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="/"
             >
@@ -2403,9 +2321,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>
@@ -2416,7 +2332,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="/"
             >
@@ -2430,13 +2346,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"
@@ -2454,20 +2368,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"
@@ -2478,7 +2390,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"
@@ -2487,13 +2399,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>
@@ -2506,13 +2416,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>
@@ -2738,7 +2646,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="/"
             >
@@ -2749,13 +2657,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"
@@ -2772,7 +2678,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="/"
             >
@@ -2786,9 +2692,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>
@@ -2799,7 +2703,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="/"
             >
@@ -2813,13 +2717,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"
@@ -2836,7 +2738,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="/"
             >
@@ -2850,9 +2752,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>
@@ -2863,7 +2763,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="/"
             >
@@ -2874,13 +2774,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"
@@ -2897,7 +2795,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="/"
             >
@@ -2911,9 +2809,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>
@@ -2924,7 +2820,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="/"
             >
@@ -2938,13 +2834,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"
@@ -2962,20 +2856,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"
@@ -3206,7 +3098,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="/"
             >
@@ -3217,13 +3109,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"
@@ -3240,7 +3130,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="/"
             >
@@ -3254,9 +3144,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>
@@ -3267,7 +3155,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="/"
             >
@@ -3281,13 +3169,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"
@@ -3304,7 +3190,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="/"
             >
@@ -3318,9 +3204,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>
@@ -3331,7 +3215,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="/"
             >
@@ -3342,13 +3226,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"
@@ -3365,7 +3247,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="/"
             >
@@ -3379,9 +3261,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>
@@ -3392,7 +3272,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="/"
             >
@@ -3406,13 +3286,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"
@@ -3429,20 +3307,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"
@@ -3453,7 +3329,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
               </i>
             </a>
             <ul
-              class="sub-menu"
+              class="subMenu"
             >
               <div
                 class="SidebarItem"
@@ -3462,13 +3338,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>
@@ -3480,13 +3354,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>
@@ -3794,7 +3666,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="/"
             >
@@ -3805,13 +3677,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"
@@ -3828,7 +3698,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="/"
             >
@@ -3842,9 +3712,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>
@@ -3855,7 +3723,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="/"
             >
@@ -3869,13 +3737,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"
@@ -3892,7 +3758,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="/"
             >
@@ -3906,9 +3772,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>
@@ -3919,7 +3783,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="/"
             >
@@ -3930,13 +3794,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"
@@ -3953,7 +3815,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="/"
             >
@@ -3967,9 +3829,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>
@@ -3980,7 +3840,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="/"
             >
@@ -3994,13 +3854,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"
@@ -4017,20 +3875,18 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
             data-testid="sidebar-item-some-extension-name-some-parent-id"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
               href="/"
             >
               <div>
                 Some icon
               </div>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Parent
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
index bba303f5b7..ca7250017b 100644
--- a/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -50,13 +50,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -73,7 +71,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -87,9 +85,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -100,7 +96,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -114,13 +110,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -137,7 +131,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -151,9 +145,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -164,7 +156,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -175,13 +167,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -198,7 +188,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -212,9 +202,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -225,7 +213,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -239,13 +227,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -557,7 +543,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="/"
             >
@@ -568,13 +554,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"
@@ -591,7 +575,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="/"
             >
@@ -605,9 +589,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>
@@ -618,13 +600,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>
@@ -635,7 +615,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="/"
             >
@@ -649,13 +629,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"
@@ -672,7 +650,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="/"
             >
@@ -686,9 +664,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>
@@ -699,7 +675,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="/"
             >
@@ -713,9 +689,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>
@@ -726,7 +700,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="/"
             >
@@ -737,13 +711,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"
@@ -760,7 +732,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="/"
             >
@@ -774,9 +746,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>
@@ -787,7 +757,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="/"
             >
@@ -801,13 +771,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
index 1ec0fb09cb..e9f5e32e9a 100644
--- a/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -441,7 +427,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -452,13 +438,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -475,7 +459,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -489,9 +473,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -502,7 +484,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -516,13 +498,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -539,7 +519,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -553,9 +533,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -566,7 +544,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -577,13 +555,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -600,7 +576,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -614,9 +590,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -627,7 +601,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -641,13 +615,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -961,7 +933,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="/"
               >
@@ -972,13 +944,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"
@@ -995,7 +965,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="/"
               >
@@ -1009,9 +979,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>
@@ -1022,7 +990,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="/"
               >
@@ -1036,13 +1004,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"
@@ -1059,7 +1025,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="/"
               >
@@ -1073,9 +1039,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>
@@ -1086,7 +1050,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="/"
               >
@@ -1097,13 +1061,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"
@@ -1120,7 +1082,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="/"
               >
@@ -1134,9 +1096,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>
@@ -1147,7 +1107,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="/"
               >
@@ -1161,13 +1121,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
index 2a7214e3cd..c1f20aeffc 100644
--- a/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -263,16 +249,14 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               data-testid="sidebar-item-test-extension-some-sidebar-item"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-test-extension-some-sidebar-item"
                 href="/"
               >
                 <div>
                   Some icon
                 </div>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Some sidebar item
                 </span>
               </a>
@@ -580,7 +564,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="/"
               >
@@ -591,13 +575,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"
@@ -614,7 +596,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="/"
               >
@@ -628,9 +610,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>
@@ -641,7 +621,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="/"
               >
@@ -655,13 +635,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"
@@ -678,7 +656,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="/"
               >
@@ -692,9 +670,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>
@@ -705,7 +681,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="/"
               >
@@ -716,13 +692,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"
@@ -739,7 +713,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="/"
               >
@@ -753,9 +727,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>
@@ -766,7 +738,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="/"
               >
@@ -780,13 +752,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"
@@ -1100,7 +1070,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="/"
               >
@@ -1111,13 +1081,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"
@@ -1134,7 +1102,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="/"
               >
@@ -1148,9 +1116,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>
@@ -1161,7 +1127,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="/"
               >
@@ -1175,13 +1141,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"
@@ -1198,7 +1162,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="/"
               >
@@ -1212,9 +1176,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>
@@ -1225,7 +1187,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="/"
               >
@@ -1236,13 +1198,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"
@@ -1259,7 +1219,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="/"
               >
@@ -1273,9 +1233,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>
@@ -1286,7 +1244,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="/"
               >
@@ -1300,13 +1258,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
index 4d415c6ae4..60f0d0095a 100644
--- a/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -497,7 +483,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -508,13 +494,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -531,7 +515,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -545,9 +529,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -558,7 +540,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -572,13 +554,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -595,7 +575,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -609,9 +589,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -622,7 +600,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -633,13 +611,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -656,7 +632,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -670,9 +646,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -683,7 +657,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -697,13 +671,11 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -993,7 +965,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1004,13 +976,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1027,7 +997,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1041,9 +1011,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1054,7 +1022,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1068,13 +1036,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1091,7 +1057,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1105,9 +1071,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1118,7 +1082,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1129,13 +1093,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1152,7 +1114,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1166,9 +1128,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1179,7 +1139,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1193,13 +1153,11 @@ exports[`disable kube object detail items when cluster is not relevant given not
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
index 9ae3f382cf..9459045e02 100644
--- a/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -445,7 +431,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -456,13 +442,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -479,7 +463,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -493,9 +477,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -506,7 +488,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -520,13 +502,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -543,7 +523,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -557,9 +537,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -570,7 +548,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -581,13 +559,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -604,7 +580,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -618,9 +594,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -631,7 +605,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -645,13 +619,11 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -845,7 +817,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -856,13 +828,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -879,7 +849,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -893,9 +863,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -906,7 +874,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -920,13 +888,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -943,7 +909,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -957,9 +923,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -970,7 +934,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -981,13 +945,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1004,7 +966,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1018,9 +980,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1031,7 +991,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1045,13 +1005,11 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
index 3a9398de2c..042e9f02ab 100644
--- a/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
+++ b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -434,7 +420,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -445,13 +431,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -468,7 +452,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -482,9 +466,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -495,7 +477,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -509,13 +491,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -532,7 +512,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -546,9 +526,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -559,7 +537,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -570,13 +548,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -593,7 +569,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -607,9 +583,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -620,7 +594,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -634,13 +608,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1304,7 +1262,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1315,13 +1273,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1338,7 +1294,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1352,9 +1308,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1365,7 +1319,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1379,13 +1333,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1402,7 +1354,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1416,9 +1368,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1429,7 +1379,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1440,13 +1390,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1463,7 +1411,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1477,9 +1425,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1490,7 +1436,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1504,13 +1450,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1699,7 +1643,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1710,13 +1654,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1733,7 +1675,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1747,9 +1689,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1760,7 +1700,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1774,13 +1714,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1797,7 +1735,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1811,9 +1749,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1824,7 +1760,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1835,13 +1771,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1858,7 +1792,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1872,9 +1806,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1885,7 +1817,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1899,13 +1831,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2094,7 +2024,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2105,13 +2035,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2128,7 +2056,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2142,9 +2070,7 @@ exports[`show status for a kube object given application starts and in test page
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2155,7 +2081,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2169,13 +2095,11 @@ exports[`show status for a kube object given application starts and in test page
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2192,7 +2116,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2206,9 +2130,7 @@ exports[`show status for a kube object given application starts and in test page
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2219,7 +2141,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2230,13 +2152,11 @@ exports[`show status for a kube object given application starts and in test page
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2253,7 +2173,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2267,9 +2187,7 @@ exports[`show status for a kube object given application starts and in test page
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2280,7 +2198,7 @@ exports[`show status for a kube object given application starts and in test page
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2294,13 +2212,11 @@ exports[`show status for a kube object given application starts and in test page
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
index a80ee5d2b8..001f97e00b 100644
--- a/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -164,7 +156,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -175,13 +167,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -198,7 +188,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -212,9 +202,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -225,7 +213,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -239,13 +227,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -474,7 +460,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -485,13 +471,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -508,7 +492,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -522,9 +506,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -535,7 +517,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -549,13 +531,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -572,7 +552,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -586,9 +566,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -599,7 +577,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -610,13 +588,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -633,7 +609,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -647,9 +623,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -660,7 +634,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -674,13 +648,11 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -869,7 +841,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -880,13 +852,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -903,7 +873,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -917,9 +887,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -930,7 +898,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -944,13 +912,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -967,7 +933,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -981,9 +947,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -994,7 +958,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1005,13 +969,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1028,7 +990,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1042,9 +1004,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1055,7 +1015,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1069,13 +1029,11 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
index 3d062ac38e..f46517dc0b 100644
--- a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -179,9 +171,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -192,7 +182,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -203,13 +193,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -226,7 +214,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -240,9 +228,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -253,7 +239,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -267,13 +253,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -690,7 +674,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -701,13 +685,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -724,7 +706,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -738,9 +720,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -751,7 +731,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -765,13 +745,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -788,7 +766,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -802,9 +780,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -816,7 +792,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -830,9 +806,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -843,7 +817,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -854,13 +828,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -877,7 +849,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -891,9 +863,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -904,7 +874,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -918,13 +888,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1346,7 +1314,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1357,13 +1325,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1380,7 +1346,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1394,9 +1360,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1407,7 +1371,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1421,13 +1385,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1444,7 +1406,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1458,9 +1420,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1472,7 +1432,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -1486,9 +1446,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -1499,7 +1457,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1510,13 +1468,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1533,7 +1489,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1547,9 +1503,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1560,7 +1514,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1574,13 +1528,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2071,7 +2023,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2082,13 +2034,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2105,7 +2055,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2119,9 +2069,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2132,7 +2080,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2146,13 +2094,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2169,7 +2115,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2183,9 +2129,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2197,7 +2141,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -2211,9 +2155,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -2224,7 +2166,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2235,13 +2177,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2258,7 +2198,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2272,9 +2212,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2285,7 +2223,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2299,13 +2237,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2771,7 +2707,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2782,13 +2718,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2805,7 +2739,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2819,9 +2753,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2832,7 +2764,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2846,13 +2778,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2869,7 +2799,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2883,9 +2813,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2897,7 +2825,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -2911,9 +2839,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -2924,7 +2850,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2935,13 +2861,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2958,7 +2882,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2972,9 +2896,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2985,7 +2907,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2999,13 +2921,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3543,7 +3463,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3554,13 +3474,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3577,7 +3495,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3591,9 +3509,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3604,7 +3520,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3618,13 +3534,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3641,7 +3555,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3655,9 +3569,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3669,7 +3581,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -3683,9 +3595,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -3696,7 +3606,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3707,13 +3617,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3730,7 +3638,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3744,9 +3652,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3757,7 +3663,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3771,13 +3677,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4317,7 +4221,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4328,13 +4232,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4351,7 +4253,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4365,9 +4267,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4378,7 +4278,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4392,13 +4292,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4415,7 +4313,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4429,9 +4327,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4443,7 +4339,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -4457,9 +4353,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -4470,7 +4364,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4481,13 +4375,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4504,7 +4396,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4518,9 +4410,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4531,7 +4421,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4545,13 +4435,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5056,7 +4944,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5067,13 +4955,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5090,7 +4976,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5104,9 +4990,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5117,7 +5001,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5131,13 +5015,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5154,7 +5036,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5168,9 +5050,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5182,7 +5062,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -5196,9 +5076,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -5209,7 +5087,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5220,13 +5098,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5243,7 +5119,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5257,9 +5133,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5270,7 +5144,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5284,13 +5158,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5790,7 +5662,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5801,13 +5673,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5824,7 +5694,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5838,9 +5708,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5851,7 +5719,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5865,13 +5733,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5888,7 +5754,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5902,9 +5768,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5916,7 +5780,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -5930,9 +5794,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -5943,7 +5805,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5954,13 +5816,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5977,7 +5837,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5991,9 +5851,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6004,7 +5862,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6018,13 +5876,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6515,7 +6371,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -6526,13 +6382,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6549,7 +6403,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -6563,9 +6417,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -6576,7 +6428,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -6590,13 +6442,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6613,7 +6463,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -6627,9 +6477,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -6641,7 +6489,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -6655,9 +6503,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -6668,7 +6514,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -6679,13 +6525,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6702,7 +6546,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -6716,9 +6560,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6729,7 +6571,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6743,13 +6585,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7240,7 +7080,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7251,13 +7091,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7274,7 +7112,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -7288,9 +7126,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -7301,7 +7137,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -7315,13 +7151,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7338,7 +7172,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -7352,9 +7186,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -7366,7 +7198,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -7380,9 +7212,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -7393,7 +7223,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -7404,13 +7234,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7427,7 +7255,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -7441,9 +7269,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -7454,7 +7280,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -7468,13 +7294,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7965,7 +7789,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -7976,13 +7800,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7999,7 +7821,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8013,9 +7835,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8026,7 +7846,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8040,13 +7860,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8063,7 +7881,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8077,9 +7895,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8091,7 +7907,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -8105,9 +7921,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -8118,7 +7932,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8129,13 +7943,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8152,7 +7964,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8166,9 +7978,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8179,7 +7989,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8193,13 +8003,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8528,7 +8336,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -8539,13 +8347,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8562,7 +8368,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -8576,9 +8382,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -8589,7 +8393,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -8603,13 +8407,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8626,7 +8428,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -8640,9 +8442,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -8654,7 +8454,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -8668,9 +8468,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -8681,7 +8479,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -8692,13 +8490,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -8715,7 +8511,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -8729,9 +8525,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -8742,7 +8536,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -8756,13 +8550,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9262,7 +9054,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -9273,13 +9065,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9296,7 +9086,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -9310,9 +9100,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -9323,7 +9111,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -9337,13 +9125,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9360,7 +9146,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -9374,9 +9160,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -9388,7 +9172,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -9402,9 +9186,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -9415,7 +9197,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -9426,13 +9208,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9449,7 +9229,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -9463,9 +9243,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -9476,7 +9254,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -9490,13 +9268,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9825,7 +9601,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -9836,13 +9612,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9859,7 +9633,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -9873,9 +9647,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -9886,7 +9658,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -9900,13 +9672,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -9923,7 +9693,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -9937,9 +9707,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -9951,7 +9719,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -9965,9 +9733,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -9978,7 +9744,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -9989,13 +9755,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10012,7 +9776,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10026,9 +9790,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10039,7 +9801,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10053,13 +9815,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10388,7 +10148,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -10399,13 +10159,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10422,7 +10180,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -10436,9 +10194,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -10449,7 +10205,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -10463,13 +10219,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10486,7 +10240,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -10500,9 +10254,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -10514,7 +10266,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -10528,9 +10280,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -10541,7 +10291,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -10552,13 +10302,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -10575,7 +10323,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -10589,9 +10337,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -10602,7 +10348,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -10616,13 +10362,11 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
index 8f1ae0f34e..c65dbcf7db 100644
--- a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-namespaces"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-namespaces"
                 href="/"
               >
@@ -179,9 +171,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     layers
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Namespaces
                 </span>
               </a>
@@ -192,7 +182,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -203,13 +193,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -226,7 +214,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -240,9 +228,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -253,7 +239,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -267,13 +253,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -597,7 +581,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="/"
               >
@@ -608,13 +592,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"
@@ -631,7 +613,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="/"
               >
@@ -645,9 +627,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>
@@ -658,7 +638,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="/"
               >
@@ -672,13 +652,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"
@@ -695,7 +673,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="/"
               >
@@ -709,9 +687,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>
@@ -722,7 +698,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="/"
               >
@@ -736,9 +712,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>
@@ -749,7 +723,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="/"
               >
@@ -760,13 +734,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"
@@ -783,7 +755,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="/"
               >
@@ -797,9 +769,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>
@@ -810,7 +780,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="/"
               >
@@ -824,13 +794,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
index 5040538e31..243785c879 100644
--- a/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
+++ b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
@@ -40,7 +40,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -565,7 +551,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="/"
               >
@@ -576,13 +562,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"
@@ -599,7 +583,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="/"
               >
@@ -613,9 +597,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>
@@ -626,7 +608,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="/"
               >
@@ -640,13 +622,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"
@@ -663,7 +643,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="/"
               >
@@ -677,9 +657,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>
@@ -690,7 +668,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="/"
               >
@@ -701,13 +679,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"
@@ -724,7 +700,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="/"
               >
@@ -738,9 +714,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>
@@ -751,7 +725,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="/"
               >
@@ -765,13 +739,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"
@@ -1085,7 +1057,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="/"
               >
@@ -1096,13 +1068,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"
@@ -1119,7 +1089,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="/"
               >
@@ -1133,9 +1103,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>
@@ -1146,7 +1114,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="/"
               >
@@ -1160,13 +1128,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"
@@ -1183,7 +1149,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="/"
               >
@@ -1197,9 +1163,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>
@@ -1210,7 +1174,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="/"
               >
@@ -1221,13 +1185,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"
@@ -1244,7 +1206,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="/"
               >
@@ -1258,9 +1220,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>
@@ -1271,7 +1231,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="/"
               >
@@ -1285,13 +1245,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
index 600c86f0a9..ee52489d69 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
@@ -40,7 +40,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -481,7 +467,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="/"
               >
@@ -492,13 +478,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"
@@ -515,7 +499,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="/"
               >
@@ -529,9 +513,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>
@@ -542,7 +524,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="/"
               >
@@ -556,13 +538,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"
@@ -579,7 +559,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="/"
               >
@@ -593,9 +573,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>
@@ -607,7 +585,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="/"
               >
@@ -618,13 +596,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"
@@ -641,7 +617,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="/"
               >
@@ -655,9 +631,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>
@@ -668,7 +642,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="/"
               >
@@ -682,13 +656,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"
@@ -1408,7 +1380,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="/"
               >
@@ -1419,13 +1391,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"
@@ -1442,7 +1412,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="/"
               >
@@ -1456,9 +1426,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>
@@ -1469,7 +1437,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="/"
               >
@@ -1483,13 +1451,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"
@@ -1506,7 +1472,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="/"
               >
@@ -1520,9 +1486,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>
@@ -1534,7 +1498,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="/"
               >
@@ -1545,13 +1509,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"
@@ -1568,7 +1530,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="/"
               >
@@ -1582,9 +1544,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>
@@ -1595,7 +1555,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="/"
               >
@@ -1609,13 +1569,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"
@@ -2177,7 +2135,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="/"
               >
@@ -2188,13 +2146,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"
@@ -2211,7 +2167,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="/"
               >
@@ -2225,9 +2181,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>
@@ -2238,7 +2192,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="/"
               >
@@ -2252,13 +2206,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"
@@ -2275,7 +2227,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="/"
               >
@@ -2289,9 +2241,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>
@@ -2303,7 +2253,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="/"
               >
@@ -2314,13 +2264,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"
@@ -2337,7 +2285,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="/"
               >
@@ -2351,9 +2299,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>
@@ -2364,7 +2310,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="/"
               >
@@ -2378,13 +2324,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"
@@ -3190,7 +3134,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="/"
               >
@@ -3201,13 +3145,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"
@@ -3224,7 +3166,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="/"
               >
@@ -3238,9 +3180,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>
@@ -3251,7 +3191,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="/"
               >
@@ -3265,13 +3205,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"
@@ -3288,7 +3226,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="/"
               >
@@ -3302,9 +3240,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>
@@ -3316,7 +3252,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="/"
               >
@@ -3327,13 +3263,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"
@@ -3350,7 +3284,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="/"
               >
@@ -3364,9 +3298,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>
@@ -3377,7 +3309,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="/"
               >
@@ -3391,13 +3323,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"
@@ -4177,7 +4107,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="/"
               >
@@ -4188,13 +4118,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"
@@ -4211,7 +4139,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="/"
               >
@@ -4225,9 +4153,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>
@@ -4238,7 +4164,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="/"
               >
@@ -4252,13 +4178,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"
@@ -4275,7 +4199,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="/"
               >
@@ -4289,9 +4213,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>
@@ -4303,7 +4225,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="/"
               >
@@ -4314,13 +4236,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"
@@ -4337,7 +4257,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="/"
               >
@@ -4351,9 +4271,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>
@@ -4364,7 +4282,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="/"
               >
@@ -4378,13 +4296,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"
@@ -5159,7 +5075,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="/"
               >
@@ -5170,13 +5086,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"
@@ -5193,7 +5107,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="/"
               >
@@ -5207,9 +5121,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>
@@ -5220,7 +5132,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="/"
               >
@@ -5234,13 +5146,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"
@@ -5257,7 +5167,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="/"
               >
@@ -5271,9 +5181,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>
@@ -5285,7 +5193,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="/"
               >
@@ -5296,13 +5204,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"
@@ -5319,7 +5225,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="/"
               >
@@ -5333,9 +5239,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>
@@ -5346,7 +5250,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="/"
               >
@@ -5360,13 +5264,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"
@@ -6141,7 +6043,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="/"
               >
@@ -6152,13 +6054,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"
@@ -6175,7 +6075,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="/"
               >
@@ -6189,9 +6089,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>
@@ -6202,7 +6100,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="/"
               >
@@ -6216,13 +6114,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"
@@ -6239,7 +6135,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="/"
               >
@@ -6253,9 +6149,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>
@@ -6267,7 +6161,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="/"
               >
@@ -6278,13 +6172,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"
@@ -6301,7 +6193,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="/"
               >
@@ -6315,9 +6207,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>
@@ -6328,7 +6218,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="/"
               >
@@ -6342,13 +6232,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"
@@ -7145,7 +7033,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="/"
               >
@@ -7156,13 +7044,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"
@@ -7179,7 +7065,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="/"
               >
@@ -7193,9 +7079,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>
@@ -7206,7 +7090,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="/"
               >
@@ -7220,13 +7104,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"
@@ -7243,7 +7125,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="/"
               >
@@ -7257,9 +7139,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>
@@ -7271,7 +7151,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="/"
               >
@@ -7282,13 +7162,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"
@@ -7305,7 +7183,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="/"
               >
@@ -7319,9 +7197,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>
@@ -7332,7 +7208,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="/"
               >
@@ -7346,13 +7222,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"
@@ -8158,7 +8032,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="/"
               >
@@ -8169,13 +8043,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"
@@ -8192,7 +8064,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="/"
               >
@@ -8206,9 +8078,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>
@@ -8219,7 +8089,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="/"
               >
@@ -8233,13 +8103,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"
@@ -8256,7 +8124,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="/"
               >
@@ -8270,9 +8138,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>
@@ -8284,7 +8150,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="/"
               >
@@ -8295,13 +8161,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"
@@ -8318,7 +8182,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="/"
               >
@@ -8332,9 +8196,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>
@@ -8345,7 +8207,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="/"
               >
@@ -8359,13 +8221,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"
@@ -9140,7 +9000,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="/"
               >
@@ -9151,13 +9011,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"
@@ -9174,7 +9032,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="/"
               >
@@ -9188,9 +9046,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>
@@ -9201,7 +9057,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="/"
               >
@@ -9215,13 +9071,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"
@@ -9238,7 +9092,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="/"
               >
@@ -9252,9 +9106,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>
@@ -9266,7 +9118,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="/"
               >
@@ -9277,13 +9129,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"
@@ -9300,7 +9150,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="/"
               >
@@ -9314,9 +9164,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>
@@ -9327,7 +9175,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="/"
               >
@@ -9341,13 +9189,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"
@@ -10177,7 +10023,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="/"
               >
@@ -10188,13 +10034,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"
@@ -10211,7 +10055,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="/"
               >
@@ -10225,9 +10069,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>
@@ -10238,7 +10080,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="/"
               >
@@ -10252,13 +10094,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"
@@ -10275,7 +10115,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="/"
               >
@@ -10289,9 +10129,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>
@@ -10303,7 +10141,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="/"
               >
@@ -10314,13 +10152,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"
@@ -10337,7 +10173,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="/"
               >
@@ -10351,9 +10187,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>
@@ -10364,7 +10198,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="/"
               >
@@ -10378,13 +10212,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"
@@ -11026,7 +10858,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="/"
               >
@@ -11037,13 +10869,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"
@@ -11060,7 +10890,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="/"
               >
@@ -11074,9 +10904,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>
@@ -11087,7 +10915,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="/"
               >
@@ -11101,13 +10929,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"
@@ -11124,7 +10950,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="/"
               >
@@ -11138,9 +10964,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>
@@ -11152,7 +10976,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="/"
               >
@@ -11163,13 +10987,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"
@@ -11186,7 +11008,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="/"
               >
@@ -11200,9 +11022,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>
@@ -11213,7 +11033,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="/"
               >
@@ -11227,13 +11047,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"
@@ -11799,7 +11617,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="/"
               >
@@ -11810,13 +11628,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"
@@ -11833,7 +11649,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="/"
               >
@@ -11847,9 +11663,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>
@@ -11860,7 +11674,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="/"
               >
@@ -11874,13 +11688,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"
@@ -11897,7 +11709,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="/"
               >
@@ -11911,9 +11723,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>
@@ -11925,7 +11735,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="/"
               >
@@ -11936,13 +11746,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"
@@ -11959,7 +11767,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="/"
               >
@@ -11973,9 +11781,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>
@@ -11986,7 +11792,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="/"
               >
@@ -12000,13 +11806,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"
@@ -12661,7 +12465,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="/"
               >
@@ -12672,13 +12476,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"
@@ -12695,7 +12497,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="/"
               >
@@ -12709,9 +12511,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>
@@ -12722,7 +12522,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="/"
               >
@@ -12736,13 +12536,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"
@@ -12759,7 +12557,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="/"
               >
@@ -12773,9 +12571,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>
@@ -12787,7 +12583,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="/"
               >
@@ -12798,13 +12594,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"
@@ -12821,7 +12615,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="/"
               >
@@ -12835,9 +12629,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>
@@ -12848,7 +12640,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="/"
               >
@@ -12862,13 +12654,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"
@@ -13889,7 +13679,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="/"
               >
@@ -13900,13 +13690,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"
@@ -13923,7 +13711,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="/"
               >
@@ -13937,9 +13725,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>
@@ -13950,7 +13736,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="/"
               >
@@ -13964,13 +13750,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"
@@ -13987,7 +13771,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="/"
               >
@@ -14001,9 +13785,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>
@@ -14015,7 +13797,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="/"
               >
@@ -14026,13 +13808,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"
@@ -14049,7 +13829,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="/"
               >
@@ -14063,9 +13843,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>
@@ -14076,7 +13854,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="/"
               >
@@ -14090,13 +13868,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"
@@ -14707,7 +14483,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="/"
               >
@@ -14718,13 +14494,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"
@@ -14741,7 +14515,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="/"
               >
@@ -14755,9 +14529,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>
@@ -14768,7 +14540,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="/"
               >
@@ -14782,13 +14554,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"
@@ -14805,7 +14575,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="/"
               >
@@ -14819,9 +14589,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>
@@ -14833,7 +14601,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="/"
               >
@@ -14844,13 +14612,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"
@@ -14867,7 +14633,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="/"
               >
@@ -14881,9 +14647,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>
@@ -14894,7 +14658,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="/"
               >
@@ -14908,13 +14672,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"
@@ -15740,7 +15502,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="/"
               >
@@ -15751,13 +15513,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"
@@ -15774,7 +15534,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="/"
               >
@@ -15788,9 +15548,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>
@@ -15801,7 +15559,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="/"
               >
@@ -15815,13 +15573,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"
@@ -15838,7 +15594,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="/"
               >
@@ -15852,9 +15608,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>
@@ -15866,7 +15620,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="/"
               >
@@ -15877,13 +15631,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"
@@ -15900,7 +15652,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="/"
               >
@@ -15914,9 +15666,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>
@@ -15927,7 +15677,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="/"
               >
@@ -15941,13 +15691,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"
@@ -16771,7 +16519,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="/"
               >
@@ -16782,13 +16530,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"
@@ -16805,7 +16551,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="/"
               >
@@ -16819,9 +16565,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>
@@ -16832,7 +16576,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="/"
               >
@@ -16846,13 +16590,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"
@@ -16869,7 +16611,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="/"
               >
@@ -16883,9 +16625,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>
@@ -16897,7 +16637,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="/"
               >
@@ -16908,13 +16648,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"
@@ -16931,7 +16669,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="/"
               >
@@ -16945,9 +16683,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>
@@ -16958,7 +16694,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="/"
               >
@@ -16972,13 +16708,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"
@@ -17753,7 +17487,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="/"
               >
@@ -17764,13 +17498,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"
@@ -17787,7 +17519,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="/"
               >
@@ -17801,9 +17533,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>
@@ -17814,7 +17544,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="/"
               >
@@ -17828,13 +17558,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"
@@ -17851,7 +17579,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="/"
               >
@@ -17865,9 +17593,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>
@@ -17879,7 +17605,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="/"
               >
@@ -17890,13 +17616,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"
@@ -17913,7 +17637,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="/"
               >
@@ -17927,9 +17651,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>
@@ -17940,7 +17662,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="/"
               >
@@ -17954,13 +17676,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"
@@ -18735,7 +18455,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="/"
               >
@@ -18746,13 +18466,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"
@@ -18769,7 +18487,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="/"
               >
@@ -18783,9 +18501,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>
@@ -18796,7 +18512,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="/"
               >
@@ -18810,13 +18526,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"
@@ -18833,7 +18547,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="/"
               >
@@ -18847,9 +18561,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>
@@ -18861,7 +18573,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="/"
               >
@@ -18872,13 +18584,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"
@@ -18895,7 +18605,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="/"
               >
@@ -18909,9 +18619,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>
@@ -18922,7 +18630,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="/"
               >
@@ -18936,13 +18644,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
index 7bd7f19eae..ba90533e9b 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
@@ -40,7 +40,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -51,13 +51,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -88,9 +86,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -115,13 +111,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -152,9 +146,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-helm"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -570,7 +556,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="/"
               >
@@ -581,13 +567,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"
@@ -604,7 +588,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="/"
               >
@@ -618,9 +602,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>
@@ -631,7 +613,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="/"
               >
@@ -645,13 +627,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"
@@ -668,7 +648,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="/"
               >
@@ -682,9 +662,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>
@@ -695,7 +673,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="/"
               >
@@ -706,13 +684,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"
@@ -729,7 +705,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="/"
               >
@@ -743,9 +719,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>
@@ -756,7 +730,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="/"
               >
@@ -770,13 +744,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
index 7f543d7597..a7fcf85592 100644
--- a/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
+++ b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
@@ -39,7 +39,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -556,7 +542,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -567,13 +553,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -590,7 +574,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -604,9 +588,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -617,7 +599,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -631,13 +613,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -654,7 +634,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -668,9 +648,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -682,7 +660,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -693,13 +671,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -716,7 +692,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -730,9 +706,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -743,7 +717,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -757,13 +731,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1237,7 +1209,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1248,13 +1220,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1271,7 +1241,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1285,9 +1255,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1298,7 +1266,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1312,13 +1280,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1335,7 +1301,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1349,9 +1315,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1363,7 +1327,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1374,13 +1338,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1397,7 +1359,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1411,9 +1373,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1424,7 +1384,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1438,13 +1398,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1975,7 +1933,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1986,13 +1944,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2009,7 +1965,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2023,9 +1979,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2036,7 +1990,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2050,13 +2004,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2073,7 +2025,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2087,9 +2039,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2101,7 +2051,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2112,13 +2062,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2135,7 +2083,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2149,9 +2097,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2162,7 +2108,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2176,13 +2122,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2892,7 +2836,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2903,13 +2847,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2926,7 +2868,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2940,9 +2882,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2953,7 +2893,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2967,13 +2907,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2990,7 +2928,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3004,9 +2942,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3018,7 +2954,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3029,13 +2965,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3052,7 +2986,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3066,9 +3000,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3079,7 +3011,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3093,13 +3025,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3819,7 +3749,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3830,13 +3760,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3853,7 +3781,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3867,9 +3795,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3880,7 +3806,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3894,13 +3820,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3917,7 +3841,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3931,9 +3855,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3945,7 +3867,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3956,13 +3878,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3979,7 +3899,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3993,9 +3913,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4006,7 +3924,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4020,13 +3938,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4736,7 +4652,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4747,13 +4663,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4770,7 +4684,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4784,9 +4698,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4797,7 +4709,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4811,13 +4723,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4834,7 +4744,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4848,9 +4758,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4862,7 +4770,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4873,13 +4781,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4896,7 +4802,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4910,9 +4816,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4923,7 +4827,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4937,13 +4841,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5663,7 +5565,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5674,13 +5576,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5697,7 +5597,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5711,9 +5611,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5724,7 +5622,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5738,13 +5636,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5761,7 +5657,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5775,9 +5671,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5789,7 +5683,7 @@ exports[`opening dock tab for installing helm chart given application is started
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5800,13 +5694,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5823,7 +5715,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5837,9 +5729,7 @@ exports[`opening dock tab for installing helm chart given application is started
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5850,7 +5740,7 @@ exports[`opening dock tab for installing helm chart given application is started
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5864,13 +5754,11 @@ exports[`opening dock tab for installing helm chart given application is started
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
index ae169ab2f4..c12c88759d 100644
--- a/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
+++ b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
@@ -39,7 +39,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -50,13 +50,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -73,7 +71,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -87,9 +85,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -100,7 +96,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -114,13 +110,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -137,7 +131,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -151,9 +145,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -165,7 +157,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -176,13 +168,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -199,7 +189,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -213,9 +203,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -226,7 +214,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -240,13 +228,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -791,7 +777,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -802,13 +788,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -825,7 +809,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -839,9 +823,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -852,7 +834,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -866,13 +848,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -889,7 +869,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -903,9 +883,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -917,7 +895,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -928,13 +906,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -951,7 +927,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -965,9 +941,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -978,7 +952,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -992,13 +966,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1548,7 +1520,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -1559,13 +1531,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1582,7 +1552,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -1596,9 +1566,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -1609,7 +1577,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -1623,13 +1591,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1646,7 +1612,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -1660,9 +1626,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -1674,7 +1638,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -1685,13 +1649,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -1708,7 +1670,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -1722,9 +1684,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -1735,7 +1695,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -1749,13 +1709,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2473,7 +2431,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -2484,13 +2442,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2507,7 +2463,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -2521,9 +2477,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -2534,7 +2488,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -2548,13 +2502,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2571,7 +2523,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -2585,9 +2537,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -2599,7 +2549,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -2610,13 +2560,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -2633,7 +2581,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -2647,9 +2595,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -2660,7 +2606,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -2674,13 +2620,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3445,7 +3389,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -3456,13 +3400,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3479,7 +3421,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -3493,9 +3435,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -3506,7 +3446,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -3520,13 +3460,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3543,7 +3481,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -3557,9 +3495,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -3571,7 +3507,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -3582,13 +3518,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -3605,7 +3539,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -3619,9 +3553,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -3632,7 +3564,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -3646,13 +3578,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4370,7 +4300,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -4381,13 +4311,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4404,7 +4332,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -4418,9 +4346,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -4431,7 +4357,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -4445,13 +4371,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4468,7 +4392,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -4482,9 +4406,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -4496,7 +4418,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -4507,13 +4429,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -4530,7 +4450,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -4544,9 +4464,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -4557,7 +4475,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -4571,13 +4489,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5342,7 +5258,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -5353,13 +5269,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5376,7 +5290,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -5390,9 +5304,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -5403,7 +5315,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -5417,13 +5329,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5440,7 +5350,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -5454,9 +5364,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -5468,7 +5376,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -5479,13 +5387,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -5502,7 +5408,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -5516,9 +5422,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -5529,7 +5433,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -5543,13 +5447,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6314,7 +6216,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-workloads"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-workloads"
                 href="/"
               >
@@ -6325,13 +6227,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Workloads
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6348,7 +6248,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-config"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-config"
                 href="/"
               >
@@ -6362,9 +6262,7 @@ exports[`showing details for helm release given application is started when navi
                     list
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Config
                 </span>
               </a>
@@ -6375,7 +6273,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-network"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-network"
                 href="/"
               >
@@ -6389,13 +6287,11 @@ exports[`showing details for helm release given application is started when navi
                     device_hub
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Network
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6412,7 +6308,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-storage"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-storage"
                 href="/"
               >
@@ -6426,9 +6322,7 @@ exports[`showing details for helm release given application is started when navi
                     storage
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Storage
                 </span>
               </a>
@@ -6440,7 +6334,7 @@ exports[`showing details for helm release given application is started when navi
             >
               <a
                 aria-current="page"
-                class="nav-item flex gaps align-center expandable active"
+                class="navItem active"
                 data-testid="sidebar-item-link-for-helm"
                 href="/"
               >
@@ -6451,13 +6345,11 @@ exports[`showing details for helm release given application is started when navi
                     class="icon"
                   />
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Helm
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -6474,7 +6366,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-user-management"
             >
               <a
-                class="nav-item flex gaps align-center"
+                class="navItem"
                 data-testid="sidebar-item-link-for-user-management"
                 href="/"
               >
@@ -6488,9 +6380,7 @@ exports[`showing details for helm release given application is started when navi
                     security
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Access Control
                 </span>
               </a>
@@ -6501,7 +6391,7 @@ exports[`showing details for helm release given application is started when navi
               data-testid="sidebar-item-custom-resources"
             >
               <a
-                class="nav-item flex gaps align-center expandable"
+                class="navItem"
                 data-testid="sidebar-item-link-for-custom-resources"
                 href="/"
               >
@@ -6515,13 +6405,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
@@ -7552,7 +7440,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="/"
               >
@@ -7563,13 +7451,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"
@@ -7586,7 +7472,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="/"
               >
@@ -7600,9 +7486,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>
@@ -7613,7 +7497,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="/"
               >
@@ -7627,13 +7511,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"
@@ -7650,7 +7532,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="/"
               >
@@ -7664,9 +7546,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>
@@ -7678,7 +7558,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="/"
               >
@@ -7689,13 +7569,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"
@@ -7712,7 +7590,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="/"
               >
@@ -7726,9 +7604,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>
@@ -7739,7 +7615,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="/"
               >
@@ -7753,13 +7629,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"
@@ -8790,7 +8664,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="/"
               >
@@ -8801,13 +8675,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"
@@ -8824,7 +8696,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="/"
               >
@@ -8838,9 +8710,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>
@@ -8851,7 +8721,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="/"
               >
@@ -8865,13 +8735,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"
@@ -8888,7 +8756,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="/"
               >
@@ -8902,9 +8770,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>
@@ -8916,7 +8782,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="/"
               >
@@ -8927,13 +8793,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"
@@ -8950,7 +8814,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="/"
               >
@@ -8964,9 +8828,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>
@@ -8977,7 +8839,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="/"
               >
@@ -8991,13 +8853,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"
@@ -10028,7 +9888,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="/"
               >
@@ -10039,13 +9899,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"
@@ -10062,7 +9920,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="/"
               >
@@ -10076,9 +9934,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>
@@ -10089,7 +9945,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="/"
               >
@@ -10103,13 +9959,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"
@@ -10126,7 +9980,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="/"
               >
@@ -10140,9 +9994,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>
@@ -10154,7 +10006,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="/"
               >
@@ -10165,13 +10017,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"
@@ -10188,7 +10038,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="/"
               >
@@ -10202,9 +10052,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>
@@ -10215,7 +10063,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="/"
               >
@@ -10229,13 +10077,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"
@@ -11093,7 +10939,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="/"
               >
@@ -11104,13 +10950,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"
@@ -11127,7 +10971,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="/"
               >
@@ -11141,9 +10985,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>
@@ -11154,7 +10996,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="/"
               >
@@ -11168,13 +11010,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"
@@ -11191,7 +11031,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="/"
               >
@@ -11205,9 +11045,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>
@@ -11219,7 +11057,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="/"
               >
@@ -11230,13 +11068,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"
@@ -11253,7 +11089,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="/"
               >
@@ -11267,9 +11103,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>
@@ -11280,7 +11114,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="/"
               >
@@ -11294,13 +11128,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"
@@ -12160,7 +11992,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="/"
               >
@@ -12171,13 +12003,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"
@@ -12194,7 +12024,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="/"
               >
@@ -12208,9 +12038,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>
@@ -12221,7 +12049,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="/"
               >
@@ -12235,13 +12063,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"
@@ -12258,7 +12084,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="/"
               >
@@ -12272,9 +12098,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>
@@ -12286,7 +12110,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="/"
               >
@@ -12297,13 +12121,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"
@@ -12320,7 +12142,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="/"
               >
@@ -12334,9 +12156,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>
@@ -12347,7 +12167,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="/"
               >
@@ -12361,13 +12181,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"
@@ -13398,7 +13216,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="/"
               >
@@ -13409,13 +13227,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"
@@ -13432,7 +13248,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="/"
               >
@@ -13446,9 +13262,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>
@@ -13459,7 +13273,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="/"
               >
@@ -13473,13 +13287,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"
@@ -13496,7 +13308,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="/"
               >
@@ -13510,9 +13322,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>
@@ -13524,7 +13334,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="/"
               >
@@ -13535,13 +13345,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"
@@ -13558,7 +13366,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="/"
               >
@@ -13572,9 +13380,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>
@@ -13585,7 +13391,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="/"
               >
@@ -13599,13 +13405,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"
@@ -14381,7 +14185,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="/"
               >
@@ -14392,13 +14196,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"
@@ -14415,7 +14217,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="/"
               >
@@ -14429,9 +14231,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>
@@ -14442,7 +14242,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="/"
               >
@@ -14456,13 +14256,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"
@@ -14479,7 +14277,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="/"
               >
@@ -14493,9 +14291,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>
@@ -14507,7 +14303,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="/"
               >
@@ -14518,13 +14314,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"
@@ -14541,7 +14335,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="/"
               >
@@ -14555,9 +14349,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>
@@ -14568,7 +14360,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="/"
               >
@@ -14582,13 +14374,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"
@@ -15353,7 +15143,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="/"
               >
@@ -15364,13 +15154,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"
@@ -15387,7 +15175,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="/"
               >
@@ -15401,9 +15189,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>
@@ -15414,7 +15200,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="/"
               >
@@ -15428,13 +15214,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"
@@ -15451,7 +15235,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="/"
               >
@@ -15465,9 +15249,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>
@@ -15479,7 +15261,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="/"
               >
@@ -15490,13 +15272,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"
@@ -15513,7 +15293,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="/"
               >
@@ -15527,9 +15307,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>
@@ -15540,7 +15318,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="/"
               >
@@ -15554,13 +15332,11 @@ exports[`showing details for helm release given application is started when navi
                     extension
                   </span>
                 </i>
-                <span
-                  class="link-text box grow"
-                >
+                <span>
                   Custom Resources
                 </span>
                 <i
-                  class="Icon expand-icon box right material focusable"
+                  class="Icon expandIcon material focusable"
                 >
                   <span
                     class="icon"
diff --git a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
index d9f951355a..c1d4864573 100644
--- a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
+++ b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -50,9 +50,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -63,7 +61,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -74,9 +72,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -87,7 +83,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -98,13 +94,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -121,7 +115,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -135,9 +129,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -148,7 +140,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -162,13 +154,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -185,7 +175,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -199,9 +189,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -212,7 +200,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -226,9 +214,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -239,7 +225,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -250,13 +236,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -273,7 +257,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -287,9 +271,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -300,7 +282,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -314,13 +296,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -518,7 +498,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -529,9 +509,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -542,7 +520,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -553,9 +531,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -566,7 +542,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -577,13 +553,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -600,7 +574,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -614,9 +588,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -627,7 +599,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -641,13 +613,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -664,7 +634,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -678,9 +648,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -691,7 +659,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -705,9 +673,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -718,7 +684,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -729,13 +695,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -752,7 +716,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -766,9 +730,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -779,7 +741,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -793,13 +755,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1004,7 +964,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1015,13 +975,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1038,7 +996,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1052,9 +1010,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1065,7 +1021,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1079,13 +1035,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1102,7 +1056,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1116,9 +1070,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1129,7 +1081,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -1143,9 +1095,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -1156,7 +1106,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1167,13 +1117,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1190,7 +1138,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1204,9 +1152,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1217,7 +1163,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1231,13 +1177,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"