diff --git a/src/features/cluster/kube-object-views/roles/__snapshots__/add-new-role-dialog.test.tsx.snap b/src/features/cluster/kube-object-views/roles/__snapshots__/add-new-role-dialog.test.tsx.snap
index 8d53c7cde0..55f9959e11 100644
--- a/src/features/cluster/kube-object-views/roles/__snapshots__/add-new-role-dialog.test.tsx.snap
+++ b/src/features/cluster/kube-object-views/roles/__snapshots__/add-new-role-dialog.test.tsx.snap
@@ -320,19 +320,19 @@ exports[`Roles view/add new role dialog 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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -358,11 +358,11 @@ exports[`Roles view/add new role dialog 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"
@@ -1008,19 +1008,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked rend
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1046,11 +1046,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked rend
                         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"
@@ -1453,19 +1453,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked rend
                 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-add-dialog-namespace-select-input-placeholder"
                   >
                     Select...
                   </div>
                   <div
-                    class="Select__input-container css-6j8wv5-Input"
+                    class="Select__input-container css-qbdosj-Input"
                     data-value=""
                   >
                     <input
@@ -1491,11 +1491,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked rend
                   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"
@@ -1859,19 +1859,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -1897,11 +1897,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                         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"
@@ -2304,19 +2304,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                 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-add-dialog-namespace-select-input-placeholder"
                   >
                     Select...
                   </div>
                   <div
-                    class="Select__input-container css-6j8wv5-Input"
+                    class="Select__input-container css-qbdosj-Input"
                     data-value=""
                   >
                     <input
@@ -2342,11 +2342,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                   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"
@@ -2710,19 +2710,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -2748,11 +2748,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                         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"
@@ -3155,18 +3155,18 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                 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
@@ -3191,11 +3191,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                   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"
@@ -3558,19 +3558,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -3596,11 +3596,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                         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"
@@ -4003,18 +4003,18 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                 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
@@ -4039,11 +4039,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                   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"
@@ -4407,19 +4407,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -4445,11 +4445,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                         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"
@@ -4852,18 +4852,18 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                 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
@@ -4888,11 +4888,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                   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"
@@ -5256,19 +5256,19 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                       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-kube-object-list-layout-namespace-select-input-placeholder"
                         >
                           All namespaces
                         </div>
                         <div
-                          class="Select__input-container css-6j8wv5-Input"
+                          class="Select__input-container css-qbdosj-Input"
                           data-value=""
                         >
                           <input
@@ -5294,11 +5294,11 @@ exports[`Roles view/add new role dialog when add new role button is clicked with
                         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"