diff --git a/packages/core/src/features/cluster/__snapshots__/custom-resources-in-sidebar.test.tsx.snap b/packages/core/src/features/cluster/__snapshots__/custom-resources-in-sidebar.test.tsx.snap
index fb6f87ae7c..74303d3ab1 100644
--- a/packages/core/src/features/cluster/__snapshots__/custom-resources-in-sidebar.test.tsx.snap
+++ b/packages/core/src/features/cluster/__snapshots__/custom-resources-in-sidebar.test.tsx.snap
@@ -293,82 +293,48 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -844,82 +810,48 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -1359,82 +1291,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -1910,82 +1808,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -2481,82 +2345,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -3032,82 +2862,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -3614,82 +3410,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>
@@ -4216,82 +3978,48 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                 Overview
               </h5>
               <div
-                class="NamespaceSelectFilterParent"
+                class="namespace-select-filter"
                 data-testid="namespace-select-filter"
+                id="overview-namespace-select-filter-input"
+                tabindex="1"
               >
                 <div
-                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  class="menu"
                 >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-overview-namespace-select-filter-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
                   <div
-                    class="Select__control css-13cymwt-control"
+                    class="non-icon"
                   >
+                    <input
+                      data-testid="namespace-select-filter-input"
+                      id="overview-namespace-select-filter-input-input"
+                      type="text"
+                      value=""
+                    />
                     <div
-                      class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
+                      class="gradient left"
+                    />
+                    <label
+                      data-testid="namespace-select-filter-label"
+                      for="overview-namespace-select-filter-input-input"
                     >
-                      <div
-                        class="Select__placeholder css-1jqq78o-placeholder"
-                        id="react-select-overview-namespace-select-filter-input-placeholder"
-                      >
-                        All namespaces
-                      </div>
-                      <div
-                        class="Select__input-container css-qbdosj-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="overview-namespace-select-filter-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      Namespaces: 
+                    </label>
                     <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1u9des2-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
+                      class="gradient right"
+                    />
                   </div>
+                  <i
+                    class="Icon expand-icon material interactive focusable"
+                    data-testid="namespace-select-filter-expand-icon"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="expand_more"
+                    >
+                      expand_more
+                    </span>
+                  </i>
                 </div>
               </div>
             </div>