From 1acacbb7efa63cdc372d3613877fb44d3449bf0d Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 2 Dec 2022 10:31:09 -0500
Subject: [PATCH] Bump react-select from 5.6.1 to 5.7.0 (#6696)

* Bump react-select from 5.6.1 to 5.7.0

Bumps [react-select](https://github.com/JedWatson/react-select) from 5.6.1 to 5.7.0.
- [Release notes](https://github.com/JedWatson/react-select/releases)
- [Changelog](https://github.com/JedWatson/react-select/blob/master/docs/CHANGELOG.md)
- [Commits](https://github.com/JedWatson/react-select/compare/react-select@5.6.1...react-select@5.7.0)

---
updated-dependencies:
- dependency-name: react-select
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update snapshots

Signed-off-by: Sebastian Malton <sebastian@malton.name>

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Sebastian Malton <sebastian@malton.name>
---
 package.json                                  |   2 +-
 ...ing-cluster-frame-components.test.tsx.snap |  12 +-
 .../order-of-sidebar-items.test.tsx.snap      |  24 +-
 ...-and-tab-navigation-for-core.test.tsx.snap |  60 +--
 ...ab-navigation-for-extensions.test.tsx.snap |  60 +--
 .../visibility-of-sidebar-items.test.tsx.snap |  24 +-
 .../workload-overview.test.tsx.snap           |  12 +-
 .../delete-cluster-dialog.test.tsx.snap       |  24 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  24 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  36 +-
 ...e-from-previously-opened-tab.test.tsx.snap |  24 +-
 ...when-cluster-is-not-relevant.test.tsx.snap |  36 +-
 ...elm-repository-in-preferences.test.ts.snap | 294 +++++++-------
 ...tory-from-list-in-preferences.test.ts.snap | 262 ++++++------
 ...m-repositories-in-preferences.test.ts.snap | 188 ++++-----
 ...ive-repository-in-preferences.test.ts.snap | 100 ++---
 ...lling-helm-chart-from-new-tab.test.ts.snap | 376 +++++++++---------
 ...rt-from-previously-opened-tab.test.ts.snap |  48 +--
 ...tab-for-installing-helm-chart.test.ts.snap |  48 +--
 .../upgrade-chart-new-tab.test.ts.snap        | 108 ++---
 ...wing-details-for-helm-release.test.ts.snap | 192 ++++-----
 .../__snapshots__/download-logs.test.tsx.snap |  72 ++--
 .../closing-preferences.test.tsx.snap         |  96 ++---
 ...nsion-adding-preference-tabs.test.tsx.snap |  48 +--
 .../hiding-of-empty-branches.test.tsx.snap    | 144 +++----
 ...n-to-application-preferences.test.tsx.snap | 192 ++++-----
 ...igation-to-editor-preferences.test.ts.snap |  72 ++--
 ...tension-specific-preferences.test.tsx.snap | 144 +++----
 ...ion-to-kubernetes-preferences.test.ts.snap |  72 ++--
 ...vigation-to-proxy-preferences.test.ts.snap |  48 +--
 ...ion-to-telemetry-preferences.test.tsx.snap |  96 ++---
 ...ation-to-terminal-preferences.test.ts.snap |  72 ++--
 ...gation-using-application-menu.test.ts.snap |  48 +--
 .../navigation-using-tray.test.ts.snap        |  48 +--
 ...gation-using-application-menu.test.ts.snap |  48 +--
 .../namespace-select-filter.test.tsx.snap     | 168 ++++----
 .../__snapshots__/cluster-frame.test.tsx.snap |  12 +-
 yarn.lock                                     |   8 +-
 38 files changed, 1671 insertions(+), 1671 deletions(-)

diff --git a/package.json b/package.json
index cc2959191e..d040bd5d15 100644
--- a/package.json
+++ b/package.json
@@ -410,7 +410,7 @@
     "react-refresh": "^0.14.0",
     "react-refresh-typescript": "^2.0.7",
     "react-router-dom": "^5.3.4",
-    "react-select": "^5.6.1",
+    "react-select": "^5.7.0",
     "react-select-event": "^5.5.1",
     "react-table": "^7.8.0",
     "react-window": "^1.8.8",
diff --git a/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap b/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap
index cac3136399..33a8a146ea 100644
--- a/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap
@@ -305,19 +305,19 @@ exports[`legacy extension adding cluster frame components given custom component
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -343,11 +343,11 @@ exports[`legacy extension adding cluster frame components given custom component
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
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 61819f6d02..e00b4127e0 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
@@ -360,19 +360,19 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -398,11 +398,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -977,19 +977,19 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -1015,11 +1015,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
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 44da3e78a2..8324df1e81 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
@@ -333,19 +333,19 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -371,11 +371,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -871,19 +871,19 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -909,11 +909,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -1429,19 +1429,19 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -1467,11 +1467,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -2838,19 +2838,19 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -2876,11 +2876,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -3376,19 +3376,19 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -3414,11 +3414,11 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
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 fe230ab0e4..5e46f2e19a 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
@@ -333,19 +333,19 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -371,11 +371,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -871,19 +871,19 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -909,11 +909,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -1445,19 +1445,19 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -1483,11 +1483,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -3461,19 +3461,19 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -3499,11 +3499,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -3999,19 +3999,19 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -4037,11 +4037,11 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
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 8b3e2d246f..12daa81196 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
@@ -305,19 +305,19 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -343,11 +343,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
@@ -855,19 +855,19 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -893,11 +893,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
diff --git a/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap b/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
index 5205f170bf..a1cb791fe4 100644
--- a/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
+++ b/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
@@ -319,19 +319,19 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -357,11 +357,11 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap b/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
index f6dff1fd8c..f20067c863 100644
--- a/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
+++ b/src/features/cluster/delete-dialog/__snapshots__/delete-cluster-dialog.test.tsx.snap
@@ -1276,19 +1276,19 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
               class="css-1f43avz-a11yText-A11yText"
             />
             <div
-              class="Select__control css-1s2u09g-control"
+              class="Select__control css-13cymwt-control"
             >
               <div
-                class="Select__value-container css-319lph-ValueContainer"
+                class="Select__value-container css-1fdsijx-ValueContainer"
               >
                 <div
-                  class="Select__placeholder css-14el2xx-placeholder"
+                  class="Select__placeholder css-1jqq78o-placeholder"
                   id="react-select-delete-cluster-input-placeholder"
                 >
                   Select new context...
                 </div>
                 <div
-                  class="Select__input-container css-6j8wv5-Input"
+                  class="Select__input-container css-qbdosj-Input"
                   data-value=""
                 >
                   <input
@@ -1314,11 +1314,11 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
               >
                 <span
-                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                 />
                 <div
                   aria-hidden="true"
-                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                 >
                   <svg
                     aria-hidden="true"
@@ -1793,19 +1793,19 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
               class="css-1f43avz-a11yText-A11yText"
             />
             <div
-              class="Select__control css-1s2u09g-control"
+              class="Select__control css-13cymwt-control"
             >
               <div
-                class="Select__value-container css-319lph-ValueContainer"
+                class="Select__value-container css-1fdsijx-ValueContainer"
               >
                 <div
-                  class="Select__placeholder css-14el2xx-placeholder"
+                  class="Select__placeholder css-1jqq78o-placeholder"
                   id="react-select-delete-cluster-input-placeholder"
                 >
                   Select new context...
                 </div>
                 <div
-                  class="Select__input-container css-6j8wv5-Input"
+                  class="Select__input-container css-qbdosj-Input"
                   data-value=""
                 >
                   <input
@@ -1831,11 +1831,11 @@ exports[`Deleting a cluster when the kubeconfig has multiple clusters when the d
                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
               >
                 <span
-                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                 />
                 <div
                   aria-hidden="true"
-                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                 >
                   <svg
                     aria-hidden="true"
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 0206cf585e..b820870aa4 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
@@ -696,19 +696,19 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -734,11 +734,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1208,19 +1208,19 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1246,11 +1246,11 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
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 c126416a17..21068f25b2 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
@@ -324,19 +324,19 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -362,11 +362,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -836,19 +836,19 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -874,11 +874,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1348,19 +1348,19 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1386,11 +1386,11 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
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 580d1d22d9..9554d197b6 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
@@ -331,19 +331,19 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -369,11 +369,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -878,19 +878,19 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -916,11 +916,11 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
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 9c01965d46..1802cccace 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
@@ -306,19 +306,19 @@ exports[`disable workloads overview details when cluster is not relevant given e
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -344,11 +344,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -823,19 +823,19 @@ exports[`disable workloads overview details when cluster is not relevant given e
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -861,11 +861,11 @@ exports[`disable workloads overview details when cluster is not relevant given e
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1335,19 +1335,19 @@ exports[`disable workloads overview details when cluster is not relevant given n
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1373,11 +1373,11 @@ exports[`disable workloads overview details when cluster is not relevant given n
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
index 5f2785c71f..4a5423983a 100644
--- a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
@@ -228,19 +228,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -267,11 +267,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -439,19 +439,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -479,7 +479,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -492,11 +492,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -870,19 +870,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -909,11 +909,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1081,19 +1081,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1119,11 +1119,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -1523,19 +1523,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -1562,11 +1562,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1734,19 +1734,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1772,11 +1772,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -2287,19 +2287,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2326,11 +2326,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -2498,19 +2498,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -2536,11 +2536,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -2948,19 +2948,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2987,11 +2987,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3159,19 +3159,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -3197,11 +3197,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -3712,19 +3712,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -3751,11 +3751,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3923,19 +3923,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -3961,11 +3961,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -4658,19 +4658,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -4697,11 +4697,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -4869,19 +4869,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -4907,11 +4907,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -5422,19 +5422,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -5461,11 +5461,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -5633,19 +5633,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -5671,11 +5671,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -6368,19 +6368,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -6407,11 +6407,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -6579,19 +6579,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -6617,11 +6617,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -7133,19 +7133,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -7172,11 +7172,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -7344,19 +7344,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -7382,11 +7382,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -7794,19 +7794,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -7833,11 +7833,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -8005,19 +8005,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -8045,7 +8045,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -8058,11 +8058,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -8444,19 +8444,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -8483,11 +8483,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -8655,19 +8655,19 @@ exports[`add custom helm repository in preferences when navigating to preference
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -8695,7 +8695,7 @@ exports[`add custom helm repository in preferences when navigating to preference
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -8708,11 +8708,11 @@ exports[`add custom helm repository in preferences when navigating to preference
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
diff --git a/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
index 6eb612a968..385c814950 100644
--- a/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
@@ -228,19 +228,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -267,11 +267,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -439,19 +439,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -479,7 +479,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -492,11 +492,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -870,19 +870,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -909,11 +909,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1081,19 +1081,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1119,11 +1119,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -1523,19 +1523,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -1562,11 +1562,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1734,19 +1734,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                              class="Select__control Select__control--menu-is-open css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1774,11 +1774,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -1951,15 +1951,15 @@ exports[`add helm repository from list in preferences when navigating to prefere
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-1nmdiq5-menu"
       id="react-select-selection-of-active-public-helm-repository-listbox"
     >
       <div
-        class="Select__menu-list css-4ljt47-MenuList"
+        class="Select__menu-list css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          class="Select__option Select__option--is-focused css-d7l1ni-option"
           id="react-select-selection-of-active-public-helm-repository-option-0"
           tabindex="-1"
         >
@@ -1983,7 +1983,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-selection-of-active-public-helm-repository-option-1"
           tabindex="-1"
         >
@@ -2229,19 +2229,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2268,11 +2268,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -2440,19 +2440,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -2478,11 +2478,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -2882,19 +2882,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2921,11 +2921,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3093,19 +3093,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -3131,11 +3131,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -3535,19 +3535,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -3574,11 +3574,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3746,19 +3746,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -3786,7 +3786,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -3799,11 +3799,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -4177,19 +4177,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -4216,11 +4216,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -4388,19 +4388,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -4426,11 +4426,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -4864,19 +4864,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -4903,11 +4903,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -5075,19 +5075,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                              class="Select__control Select__control--menu-is-open css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -5115,11 +5115,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -5326,15 +5326,15 @@ exports[`add helm repository from list in preferences when navigating to prefere
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-1nmdiq5-menu"
       id="react-select-selection-of-active-public-helm-repository-listbox"
     >
       <div
-        class="Select__menu-list css-4ljt47-MenuList"
+        class="Select__menu-list css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          class="Select__option Select__option--is-focused css-d7l1ni-option"
           id="react-select-selection-of-active-public-helm-repository-option-0"
           tabindex="-1"
         >
@@ -5358,7 +5358,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-selection-of-active-public-helm-repository-option-1"
           tabindex="-1"
         >
@@ -5614,19 +5614,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -5653,11 +5653,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -5825,19 +5825,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -5863,11 +5863,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -6301,19 +6301,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -6340,11 +6340,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -6512,19 +6512,19 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -6552,7 +6552,7 @@ exports[`add helm repository from list in preferences when navigating to prefere
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -6565,11 +6565,11 @@ exports[`add helm repository from list in preferences when navigating to prefere
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
diff --git a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
index 79c164ca99..7bf73fd467 100644
--- a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -228,19 +228,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -267,11 +267,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -439,19 +439,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -479,7 +479,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -492,11 +492,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -870,19 +870,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -909,11 +909,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1081,19 +1081,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1121,7 +1121,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -1134,11 +1134,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -1512,19 +1512,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -1551,11 +1551,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -2046,19 +2046,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2085,11 +2085,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -2257,19 +2257,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -2297,7 +2297,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -2310,11 +2310,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -2688,19 +2688,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2727,11 +2727,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3222,19 +3222,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -3261,11 +3261,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -3433,19 +3433,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -3473,7 +3473,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -3486,11 +3486,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -3864,19 +3864,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -3903,11 +3903,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -4075,19 +4075,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -4113,11 +4113,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -4551,19 +4551,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -4590,11 +4590,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -5085,19 +5085,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -5124,11 +5124,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -5619,19 +5619,19 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -5658,11 +5658,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
diff --git a/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
index 18e0054c7b..096a87d61e 100644
--- a/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
@@ -228,19 +228,19 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -267,11 +267,11 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -439,19 +439,19 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -479,7 +479,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -492,11 +492,11 @@ exports[`remove helm repository from list of active repositories in preferences
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -870,19 +870,19 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -909,11 +909,11 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1081,19 +1081,19 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1119,11 +1119,11 @@ exports[`remove helm repository from list of active repositories in preferences
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -1523,19 +1523,19 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -1562,11 +1562,11 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -1734,19 +1734,19 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control css-1s2u09g-control"
+                              class="Select__control css-13cymwt-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-6j8wv5-Input"
+                                  class="Select__input-container css-qbdosj-Input"
                                   data-value=""
                                 >
                                   <input
@@ -1772,11 +1772,11 @@ exports[`remove helm repository from list of active repositories in preferences
                                 class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                               >
                                 <span
-                                  class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                  class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
@@ -2176,19 +2176,19 @@ exports[`remove helm repository from list of active repositories in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-download-mirror-input-placeholder"
                               >
                                 Download mirror for kubectl
                               </div>
                               <div
-                                class="Select__input-container css-jzldcf-Input"
+                                class="Select__input-container css-1h01tm3-Input"
                                 data-value=""
                               >
                                 <input
@@ -2215,11 +2215,11 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                class="Select__indicator-separator css-894a34-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
@@ -2387,19 +2387,19 @@ exports[`remove helm repository from list of active repositories in preferences
                               class="css-1f43avz-a11yText-A11yText"
                             />
                             <div
-                              class="Select__control Select__control--is-disabled css-1insrsq-control"
+                              class="Select__control Select__control--is-disabled css-16xfy0z-control"
                             >
                               <div
-                                class="Select__value-container css-319lph-ValueContainer"
+                                class="Select__value-container css-1fdsijx-ValueContainer"
                               >
                                 <div
-                                  class="Select__placeholder css-14el2xx-placeholder"
+                                  class="Select__placeholder css-1jqq78o-placeholder"
                                   id="react-select-selection-of-active-public-helm-repository-placeholder"
                                 >
                                   Repositories
                                 </div>
                                 <div
-                                  class="Select__input-container css-jzldcf-Input"
+                                  class="Select__input-container css-1h01tm3-Input"
                                   data-value=""
                                 >
                                   <input
@@ -2427,7 +2427,7 @@ exports[`remove helm repository from list of active repositories in preferences
                               >
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                                  class="Select__indicator Select__loading-indicator css-pogzpp-loadingIndicator"
                                 >
                                   <span
                                     class="css-1xtdfmb-LoadingDot"
@@ -2440,11 +2440,11 @@ exports[`remove helm repository from list of active repositories in preferences
                                   />
                                 </div>
                                 <span
-                                  class="Select__indicator-separator css-109onse-indicatorSeparator"
+                                  class="Select__indicator-separator css-894a34-indicatorSeparator"
                                 />
                                 <div
                                   aria-hidden="true"
-                                  class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                  class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                                 >
                                   <svg
                                     aria-hidden="true"
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 b114009a2f..185284c761 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
@@ -306,19 +306,19 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -344,11 +344,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1231,18 +1231,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1267,11 +1267,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2892,18 +2892,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                        class="Select__control Select__control--menu-is-open css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -2930,11 +2930,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -2969,18 +2969,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -3005,11 +3005,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -3082,15 +3082,15 @@ exports[`installing helm chart from new tab given tab for installing chart was n
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="theme-outlined install-chart-version-select-for-some-first-tab-id-options Select__menu css-26l3qy-menu"
+      class="theme-outlined install-chart-version-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
       id="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
     >
       <div
-        class="Select__menu-list css-4ljt47-MenuList"
+        class="Select__menu-list css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-option"
           id="react-select-install-chart-version-select-for-some-first-tab-id-option-0"
           tabindex="-1"
         >
@@ -3098,7 +3098,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-install-chart-version-select-for-some-first-tab-id-option-1"
           tabindex="-1"
         >
@@ -3896,18 +3896,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-other-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -3932,11 +3932,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -3971,18 +3971,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -4007,11 +4007,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -4874,18 +4874,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-other-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -4910,11 +4910,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -4949,18 +4949,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -4985,11 +4985,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -5847,18 +5847,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -5883,11 +5883,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -5922,18 +5922,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -5958,11 +5958,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -6820,18 +6820,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -6856,11 +6856,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -6895,18 +6895,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -6931,11 +6931,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -7815,18 +7815,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -7851,11 +7851,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -7890,18 +7890,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                        class="Select__control Select__control--menu-is-open css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -7928,11 +7928,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -8005,15 +8005,15 @@ exports[`installing helm chart from new tab given tab for installing chart was n
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="NamespaceSelectMenu theme-outlined install-chart-namespace-select-for-some-first-tab-id-options Select__menu css-26l3qy-menu"
+      class="NamespaceSelectMenu theme-outlined install-chart-namespace-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
       id="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
     >
       <div
-        class="Select__menu-list css-4ljt47-MenuList"
+        class="Select__menu-list css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-option"
           id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-0"
           tabindex="-1"
         >
@@ -8021,7 +8021,7 @@ exports[`installing helm chart from new tab given tab for installing chart was n
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-1"
           tabindex="-1"
         >
@@ -8819,18 +8819,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -8855,11 +8855,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -8894,18 +8894,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-other-namespace
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -8930,11 +8930,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -9792,18 +9792,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -9828,11 +9828,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -9867,18 +9867,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -9903,11 +9903,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -11197,19 +11197,19 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -11235,11 +11235,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -13288,18 +13288,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -13324,11 +13324,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -13363,18 +13363,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -13399,11 +13399,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -13606,18 +13606,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -13642,11 +13642,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -15371,19 +15371,19 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -15409,11 +15409,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -15448,18 +15448,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -15484,11 +15484,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -16398,18 +16398,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -16434,11 +16434,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -16473,18 +16473,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -16509,11 +16509,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -17371,18 +17371,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -17407,11 +17407,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -17446,18 +17446,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -17482,11 +17482,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -18344,18 +18344,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -18380,11 +18380,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -18419,18 +18419,18 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             default
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -18455,11 +18455,11 @@ exports[`installing helm chart from new tab given tab for installing chart was n
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
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 fd239010cd..a2cc46c340 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
@@ -306,19 +306,19 @@ exports[`installing helm chart from previously opened tab given tab for installi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -344,11 +344,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -828,19 +828,19 @@ exports[`installing helm chart from previously opened tab given tab for installi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -866,11 +866,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1070,18 +1070,18 @@ exports[`installing helm chart from previously opened tab given tab for installi
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-other-version
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -1106,11 +1106,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -1145,18 +1145,18 @@ exports[`installing helm chart from previously opened tab given tab for installi
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-other-namespace
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -1181,11 +1181,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
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 e9a5c74a65..bdd6779b76 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
@@ -2694,18 +2694,18 @@ exports[`opening dock tab for installing helm chart given application is started
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2730,11 +2730,11 @@ exports[`opening dock tab for installing helm chart given application is started
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3603,18 +3603,18 @@ exports[`opening dock tab for installing helm chart given application is started
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3639,11 +3639,11 @@ exports[`opening dock tab for installing helm chart given application is started
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -4522,18 +4522,18 @@ exports[`opening dock tab for installing helm chart given application is started
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-other-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -4558,11 +4558,11 @@ exports[`opening dock tab for installing helm chart given application is started
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -5431,18 +5431,18 @@ exports[`opening dock tab for installing helm chart given application is started
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           some-other-version
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -5467,11 +5467,11 @@ exports[`opening dock tab for installing helm chart given application is started
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap b/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap
index 931f8b7afe..95757a0756 100644
--- a/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap
+++ b/src/features/helm-charts/upgrade-chart/__snapshots__/upgrade-chart-new-tab.test.ts.snap
@@ -323,19 +323,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -361,11 +361,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -985,19 +985,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1023,11 +1023,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1744,19 +1744,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1782,11 +1782,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2557,19 +2557,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2595,11 +2595,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3406,19 +3406,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3444,11 +3444,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3978,18 +3978,18 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-repo/some-chart-1.0.1
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -4014,11 +4014,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -4395,19 +4395,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -4433,11 +4433,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -4967,18 +4967,18 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             some-repo/some-chart-1.0.1
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -5003,11 +5003,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -5386,19 +5386,19 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespace: my-second-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -5424,11 +5424,11 @@ exports[`New Upgrade Helm Chart Dock Tab given a namespace is selected when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
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 f92a9d5742..9287419673 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
@@ -323,19 +323,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -361,11 +361,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1066,19 +1066,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1104,11 +1104,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1814,19 +1814,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1852,11 +1852,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2740,19 +2740,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2778,11 +2778,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3727,19 +3727,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3765,11 +3765,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -4714,19 +4714,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -4752,11 +4752,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -5946,19 +5946,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -5984,11 +5984,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -7178,19 +7178,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -7216,11 +7216,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -8410,19 +8410,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -8448,11 +8448,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -9459,19 +9459,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -9497,11 +9497,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -10510,19 +10510,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -10548,11 +10548,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -11742,19 +11742,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -11780,11 +11780,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -12729,19 +12729,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -12767,11 +12767,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -13719,19 +13719,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -13757,11 +13757,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -14645,19 +14645,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -14683,11 +14683,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -15632,19 +15632,19 @@ exports[`showing details for helm release given application is started when navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-namespace-select-filter-placeholder"
                         >
                           Namespaces: some-namespace, some-other-namespace
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -15670,11 +15670,11 @@ exports[`showing details for helm release given application is started when navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap b/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
index 33e1deb85d..b9bec84de6 100644
--- a/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
+++ b/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
@@ -306,19 +306,19 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -344,11 +344,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -552,18 +552,18 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control css-1s2u09g-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__single-value css-qc6sy-singleValue"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
                               dockerExporter
                             </div>
                             <div
-                              class="Select__input-container css-6j8wv5-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
@@ -588,11 +588,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
@@ -627,18 +627,18 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control css-1s2u09g-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__single-value css-qc6sy-singleValue"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
                               docker-exporter
                             </div>
                             <div
-                              class="Select__input-container css-6j8wv5-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
@@ -663,11 +663,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1161,19 +1161,19 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-overview-namespace-select-filter-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1199,11 +1199,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1407,18 +1407,18 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control css-1s2u09g-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__single-value css-qc6sy-singleValue"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
                               dockerExporter
                             </div>
                             <div
-                              class="Select__input-container css-6j8wv5-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
@@ -1443,11 +1443,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1482,18 +1482,18 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control css-1s2u09g-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                            class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__single-value css-qc6sy-singleValue"
+                              class="Select__single-value css-1dimb5e-singleValue"
                             >
                               docker-exporter
                             </div>
                             <div
-                              class="Select__input-container css-6j8wv5-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
@@ -1518,11 +1518,11 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
index f87feb798c..b21cb5b092 100644
--- a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -210,19 +210,19 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -248,11 +248,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -301,19 +301,19 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -339,11 +339,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -448,18 +448,18 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -484,11 +484,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -537,19 +537,19 @@ exports[`preferences - closing-preferences given accessing preferences directly
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -575,11 +575,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1476,19 +1476,19 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1514,11 +1514,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1567,19 +1567,19 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1605,11 +1605,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1714,18 +1714,18 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1750,11 +1750,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1803,19 +1803,19 @@ exports[`preferences - closing-preferences given already in a page and then navi
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1841,11 +1841,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
index bffec4ec93..46d576b7dd 100644
--- a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
@@ -223,19 +223,19 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-theme-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -261,11 +261,11 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -314,19 +314,19 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-extension-install-registry-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -352,11 +352,11 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -461,18 +461,18 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             Stable
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -497,11 +497,11 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -550,19 +550,19 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-timezone-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -588,11 +588,11 @@ exports[`preferences: extension adding preference tabs given in preferences, whe
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
index c07aa6aeab..0e6927a76f 100644
--- a/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/hiding-of-empty-branches.test.tsx.snap
@@ -198,19 +198,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -915,19 +915,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -953,11 +953,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1006,19 +1006,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1044,11 +1044,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1153,18 +1153,18 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1189,11 +1189,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1242,19 +1242,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1280,11 +1280,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1644,19 +1644,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1682,11 +1682,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1735,19 +1735,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1773,11 +1773,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1882,18 +1882,18 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1918,11 +1918,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1971,19 +1971,19 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2009,11 +2009,11 @@ exports[`preferences - hiding-of-empty-branches, given in preferences page given
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
index dfc4a1355d..580617c809 100644
--- a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.tsx.snap
@@ -198,19 +198,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -887,19 +887,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -925,11 +925,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -978,19 +978,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1016,11 +1016,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1125,18 +1125,18 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1161,11 +1161,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1214,19 +1214,19 @@ exports[`preferences - navigation to application preferences given in preference
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1252,11 +1252,11 @@ exports[`preferences - navigation to application preferences given in preference
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1948,19 +1948,19 @@ exports[`preferences - navigation to application preferences given in some child
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1986,11 +1986,11 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2039,19 +2039,19 @@ exports[`preferences - navigation to application preferences given in some child
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2077,11 +2077,11 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2186,18 +2186,18 @@ exports[`preferences - navigation to application preferences given in some child
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2222,11 +2222,11 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2275,19 +2275,19 @@ exports[`preferences - navigation to application preferences given in some child
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2313,11 +2313,11 @@ exports[`preferences - navigation to application preferences given in some child
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2638,19 +2638,19 @@ exports[`preferences - navigation to application preferences given in some child
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-theme-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -2676,11 +2676,11 @@ exports[`preferences - navigation to application preferences given in some child
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -2729,19 +2729,19 @@ exports[`preferences - navigation to application preferences given in some child
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-extension-install-registry-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -2767,11 +2767,11 @@ exports[`preferences - navigation to application preferences given in some child
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -2876,18 +2876,18 @@ exports[`preferences - navigation to application preferences given in some child
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             Stable
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -2912,11 +2912,11 @@ exports[`preferences - navigation to application preferences given in some child
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -2965,19 +2965,19 @@ exports[`preferences - navigation to application preferences given in some child
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-timezone-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -3003,11 +3003,11 @@ exports[`preferences - navigation to application preferences given in some child
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
index a21e6662c3..e48accc45f 100644
--- a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
@@ -198,19 +198,19 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -910,19 +910,19 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control css-1s2u09g-control"
+                          class="Select__control css-13cymwt-control"
                         >
                           <div
-                            class="Select__value-container css-319lph-ValueContainer"
+                            class="Select__value-container css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__placeholder css-14el2xx-placeholder"
+                              class="Select__placeholder css-1jqq78o-placeholder"
                               id="react-select-minimap-input-placeholder"
                             >
                               Select...
                             </div>
                             <div
-                              class="Select__input-container css-6j8wv5-Input"
+                              class="Select__input-container css-qbdosj-Input"
                               data-value=""
                             >
                               <input
@@ -948,11 +948,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1001,19 +1001,19 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-editor-line-numbers-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1039,11 +1039,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
index 352b2771d5..11847356dc 100644
--- a/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
@@ -211,19 +211,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-theme-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -249,11 +249,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -302,19 +302,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-extension-install-registry-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -340,11 +340,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -449,18 +449,18 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             Stable
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -485,11 +485,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -538,19 +538,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-timezone-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -576,11 +576,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -2219,19 +2219,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2257,11 +2257,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2310,19 +2310,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2348,11 +2348,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2457,18 +2457,18 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2493,11 +2493,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2546,19 +2546,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2584,11 +2584,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -2946,19 +2946,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2984,11 +2984,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3037,19 +3037,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3075,11 +3075,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3184,18 +3184,18 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3220,11 +3220,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -3273,19 +3273,19 @@ exports[`preferences - navigation to extension specific preferences given in pre
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3311,11 +3311,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
index 9f7766f027..219f2dd366 100644
--- a/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
@@ -198,19 +198,19 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -916,19 +916,19 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                           class="css-1f43avz-a11yText-A11yText"
                         />
                         <div
-                          class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          class="Select__control Select__control--is-disabled css-16xfy0z-control"
                         >
                           <div
-                            class="Select__value-container css-319lph-ValueContainer"
+                            class="Select__value-container css-1fdsijx-ValueContainer"
                           >
                             <div
-                              class="Select__placeholder css-14el2xx-placeholder"
+                              class="Select__placeholder css-1jqq78o-placeholder"
                               id="react-select-download-mirror-input-placeholder"
                             >
                               Download mirror for kubectl
                             </div>
                             <div
-                              class="Select__input-container css-jzldcf-Input"
+                              class="Select__input-container css-1h01tm3-Input"
                               data-value=""
                             >
                               <input
@@ -955,11 +955,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                           >
                             <span
-                              class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              class="Select__indicator-separator css-894a34-indicatorSeparator"
                             />
                             <div
                               aria-hidden="true"
-                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                             >
                               <svg
                                 aria-hidden="true"
@@ -1127,19 +1127,19 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control css-1s2u09g-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-319lph-ValueContainer"
+                              class="Select__value-container css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-14el2xx-placeholder"
+                                class="Select__placeholder css-1jqq78o-placeholder"
                                 id="react-select-selection-of-active-public-helm-repository-placeholder"
                               >
                                 Repositories
                               </div>
                               <div
-                                class="Select__input-container css-6j8wv5-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
@@ -1165,11 +1165,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
-                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                                class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                               >
                                 <svg
                                   aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
index 6661463ff4..6162687f2d 100644
--- a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
@@ -198,19 +198,19 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
index 3db1201033..e0d77e3ef8 100644
--- a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
@@ -522,19 +522,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -560,11 +560,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -613,19 +613,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -651,11 +651,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -760,18 +760,18 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -796,11 +796,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -849,19 +849,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -887,11 +887,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1223,19 +1223,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1261,11 +1261,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1314,19 +1314,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1352,11 +1352,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1461,18 +1461,18 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1497,11 +1497,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1550,19 +1550,19 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1588,11 +1588,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
index 3af3331e05..2abf7e3060 100644
--- a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
@@ -198,19 +198,19 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -236,11 +236,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -289,19 +289,19 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -327,11 +327,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -436,18 +436,18 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -472,11 +472,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -525,19 +525,19 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -563,11 +563,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -949,19 +949,19 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-terminal-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -987,11 +987,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -1073,19 +1073,19 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-2-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1111,11 +1111,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
index 815796b7cc..a32f9c9efa 100644
--- a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -416,19 +416,19 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-theme-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -454,11 +454,11 @@ exports[`preferences - navigation using application menu when navigating to pref
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -507,19 +507,19 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-extension-install-registry-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -545,11 +545,11 @@ exports[`preferences - navigation using application menu when navigating to pref
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -654,18 +654,18 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__single-value css-qc6sy-singleValue"
+                          class="Select__single-value css-1dimb5e-singleValue"
                         >
                           Stable
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -690,11 +690,11 @@ exports[`preferences - navigation using application menu when navigating to pref
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
@@ -743,19 +743,19 @@ exports[`preferences - navigation using application menu when navigating to pref
                       class="css-1f43avz-a11yText-A11yText"
                     />
                     <div
-                      class="Select__control css-1s2u09g-control"
+                      class="Select__control css-13cymwt-control"
                     >
                       <div
-                        class="Select__value-container css-319lph-ValueContainer"
+                        class="Select__value-container css-1fdsijx-ValueContainer"
                       >
                         <div
-                          class="Select__placeholder css-14el2xx-placeholder"
+                          class="Select__placeholder css-1jqq78o-placeholder"
                           id="react-select-timezone-input-placeholder"
                         >
                           Select...
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -781,11 +781,11 @@ exports[`preferences - navigation using application menu when navigating to pref
                         class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                       >
                         <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                         />
                         <div
                           aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                         >
                           <svg
                             aria-hidden="true"
diff --git a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
index 731137c5e4..7f9da64eaf 100644
--- a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
+++ b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -419,19 +419,19 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-theme-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -457,11 +457,11 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -510,19 +510,19 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-extension-install-registry-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -548,11 +548,11 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -657,18 +657,18 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             Stable
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -693,11 +693,11 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -746,19 +746,19 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-timezone-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -784,11 +784,11 @@ exports[`show-about-using-tray when navigating using tray renders 1`] = `
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
diff --git a/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
index 24bb828996..24dec9e073 100644
--- a/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -417,19 +417,19 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-theme-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -455,11 +455,11 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -508,19 +508,19 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-extension-install-registry-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -546,11 +546,11 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -655,18 +655,18 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__single-value css-qc6sy-singleValue"
+                            class="Select__single-value css-1dimb5e-singleValue"
                           >
                             Stable
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -691,11 +691,11 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
@@ -744,19 +744,19 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                         class="css-1f43avz-a11yText-A11yText"
                       />
                       <div
-                        class="Select__control css-1s2u09g-control"
+                        class="Select__control css-13cymwt-control"
                       >
                         <div
-                          class="Select__value-container css-319lph-ValueContainer"
+                          class="Select__value-container css-1fdsijx-ValueContainer"
                         >
                           <div
-                            class="Select__placeholder css-14el2xx-placeholder"
+                            class="Select__placeholder css-1jqq78o-placeholder"
                             id="react-select-timezone-input-placeholder"
                           >
                             Select...
                           </div>
                           <div
-                            class="Select__input-container css-6j8wv5-Input"
+                            class="Select__input-container css-qbdosj-Input"
                             data-value=""
                           >
                             <input
@@ -782,11 +782,11 @@ exports[`welcome - navigation using application menu when navigated somewhere el
                           class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                         >
                           <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                           />
                           <div
                             aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                           >
                             <svg
                               aria-hidden="true"
diff --git a/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap b/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
index 3bf716f2d4..664b0daece 100644
--- a/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
+++ b/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
@@ -21,19 +21,19 @@ exports[`<NamespaceSelectFilter /> renders 1`] = `
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control css-1s2u09g-control"
+          class="Select__control css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               All namespaces
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -59,11 +59,11 @@ exports[`<NamespaceSelectFilter /> renders 1`] = `
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -107,19 +107,19 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+          class="Select__control Select__control--menu-is-open css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               All namespaces
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -147,11 +147,11 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -175,15 +175,15 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
       id="react-select-namespace-select-filter-listbox"
     >
       <div
-        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          class="Select__option Select__option--is-focused css-d7l1ni-option"
           id="react-select-namespace-select-filter-option-0"
           tabindex="-1"
         >
@@ -191,7 +191,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-1"
           tabindex="-1"
         >
@@ -226,7 +226,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-2"
           tabindex="-1"
         >
@@ -261,7 +261,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-3"
           tabindex="-1"
         >
@@ -296,7 +296,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-4"
           tabindex="-1"
         >
@@ -331,7 +331,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-5"
           tabindex="-1"
         >
@@ -366,7 +366,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-6"
           tabindex="-1"
         >
@@ -401,7 +401,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-7"
           tabindex="-1"
         >
@@ -436,7 +436,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-8"
           tabindex="-1"
         >
@@ -471,7 +471,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-9"
           tabindex="-1"
         >
@@ -506,7 +506,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-10"
           tabindex="-1"
         >
@@ -541,7 +541,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-11"
           tabindex="-1"
         >
@@ -576,7 +576,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-12"
           tabindex="-1"
         >
@@ -611,7 +611,7 @@ exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-13"
           tabindex="-1"
         >
@@ -671,19 +671,19 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked renders
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control css-1s2u09g-control"
+          class="Select__control css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               Namespace: test-2
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -709,11 +709,11 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked renders
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -757,19 +757,19 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+          class="Select__control Select__control--menu-is-open css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               Namespace: test-2
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -797,11 +797,11 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -825,15 +825,15 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
       id="react-select-namespace-select-filter-listbox"
     >
       <div
-        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          class="Select__option Select__option--is-focused css-d7l1ni-option"
           id="react-select-namespace-select-filter-option-0"
           tabindex="-1"
         >
@@ -841,7 +841,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-1"
           tabindex="-1"
         >
@@ -876,7 +876,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-2"
           tabindex="-1"
         >
@@ -900,7 +900,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-3"
           tabindex="-1"
         >
@@ -924,7 +924,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-4"
           tabindex="-1"
         >
@@ -948,7 +948,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-5"
           tabindex="-1"
         >
@@ -972,7 +972,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-6"
           tabindex="-1"
         >
@@ -996,7 +996,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-7"
           tabindex="-1"
         >
@@ -1020,7 +1020,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-8"
           tabindex="-1"
         >
@@ -1044,7 +1044,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-9"
           tabindex="-1"
         >
@@ -1068,7 +1068,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-10"
           tabindex="-1"
         >
@@ -1092,7 +1092,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-11"
           tabindex="-1"
         >
@@ -1116,7 +1116,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-12"
           tabindex="-1"
         >
@@ -1140,7 +1140,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-13"
           tabindex="-1"
         >
@@ -1189,19 +1189,19 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control css-1s2u09g-control"
+          class="Select__control css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               Namespace: test-1
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -1227,11 +1227,11 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -1275,19 +1275,19 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
           class="css-1f43avz-a11yText-A11yText"
         />
         <div
-          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+          class="Select__control Select__control--menu-is-open css-13cymwt-control"
         >
           <div
-            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+            class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
           >
             <div
-              class="Select__placeholder css-14el2xx-placeholder"
+              class="Select__placeholder css-1jqq78o-placeholder"
               id="react-select-namespace-select-filter-placeholder"
             >
               Namespaces: test-1, test-3
             </div>
             <div
-              class="Select__input-container css-6j8wv5-Input"
+              class="Select__input-container css-qbdosj-Input"
               data-value=""
             >
               <input
@@ -1315,11 +1315,11 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
             class="Select__indicators css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+              class="Select__indicator-separator css-1u9des2-indicatorSeparator"
             />
             <div
               aria-hidden="true"
-              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+              class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
             >
               <svg
                 aria-hidden="true"
@@ -1343,15 +1343,15 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
     class="Select__menu-portal css-1no2yl0-MenuPortal"
   >
     <div
-      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-1nmdiq5-menu"
       id="react-select-namespace-select-filter-listbox"
     >
       <div
-        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+        class="Select__menu-list Select__menu-list--is-multi css-1n6sfyn-MenuList"
       >
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          class="Select__option Select__option--is-focused css-d7l1ni-option"
           id="react-select-namespace-select-filter-option-0"
           tabindex="-1"
         >
@@ -1359,7 +1359,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-1"
           tabindex="-1"
         >
@@ -1394,7 +1394,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-2"
           tabindex="-1"
         >
@@ -1418,7 +1418,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option Select__option--is-selected css-9gakcf-option"
+          class="Select__option Select__option--is-selected css-tr4s17-option"
           id="react-select-namespace-select-filter-option-3"
           tabindex="-1"
         >
@@ -1453,7 +1453,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-4"
           tabindex="-1"
         >
@@ -1477,7 +1477,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-5"
           tabindex="-1"
         >
@@ -1501,7 +1501,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-6"
           tabindex="-1"
         >
@@ -1525,7 +1525,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-7"
           tabindex="-1"
         >
@@ -1549,7 +1549,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-8"
           tabindex="-1"
         >
@@ -1573,7 +1573,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-9"
           tabindex="-1"
         >
@@ -1597,7 +1597,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-10"
           tabindex="-1"
         >
@@ -1621,7 +1621,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-11"
           tabindex="-1"
         >
@@ -1645,7 +1645,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-12"
           tabindex="-1"
         >
@@ -1669,7 +1669,7 @@ exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when cl
         </div>
         <div
           aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
+          class="Select__option css-10wo9uf-option"
           id="react-select-namespace-select-filter-option-13"
           tabindex="-1"
         >
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 eb8b67f8ff..30e9665767 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
@@ -1261,19 +1261,19 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                     class="css-1f43avz-a11yText-A11yText"
                   />
                   <div
-                    class="Select__control css-1s2u09g-control"
+                    class="Select__control css-13cymwt-control"
                   >
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                     >
                       <div
-                        class="Select__placeholder css-14el2xx-placeholder"
+                        class="Select__placeholder css-1jqq78o-placeholder"
                         id="react-select-overview-namespace-select-filter-input-placeholder"
                       >
                         All namespaces
                       </div>
                       <div
-                        class="Select__input-container css-6j8wv5-Input"
+                        class="Select__input-container css-qbdosj-Input"
                         data-value=""
                       >
                         <input
@@ -1299,11 +1299,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                       class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                     >
                       <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                       />
                       <div
                         aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                       >
                         <svg
                           aria-hidden="true"
diff --git a/yarn.lock b/yarn.lock
index 1e06128b89..ef061bd3e4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10627,10 +10627,10 @@ react-select-event@^5.5.1:
   dependencies:
     "@testing-library/dom" ">=7"
 
-react-select@^5.6.1:
-  version "5.6.1"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.6.1.tgz#22f3d3f763ab24ac250739254f0191d46a2f1064"
-  integrity sha512-dYNRswtxUHW+F1Sc0HnxO5ryecPIAsG0+Cwyq5EIXZJBxCxUG2hFfQz41tc++30/2ISuuPglDikc4hEb4NsiuA==
+react-select@^5.7.0:
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.7.0.tgz#82921b38f1fcf1471a0b62304da01f2896cd8ce6"
+  integrity sha512-lJGiMxCa3cqnUr2Jjtg9YHsaytiZqeNOKeibv6WF5zbK/fPegZ1hg3y/9P1RZVLhqBTs0PfqQLKuAACednYGhQ==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"