Fix endless size issue with NamespaceSelectFilter

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

src/renderer/components/+namespaces/namespace-select-filter.scss

@@ -4,14 +4,17 @@
   }
 }
 
+.NamespaceSelectFilterParent {
+  max-width: 300px;
+}
+
 .NamespaceSelectFilter {
   --gradientColor: var(--select-menu-bgc);
 
   .Select {
     &__placeholder {
-      width: 100%;
       white-space: nowrap;
-      overflow: scroll!important;
+      overflow: scroll hidden!important;
       text-overflow: unset!important;
       margin-left: -8px;
       padding-left: 8px;
@@ -67,4 +70,4 @@
   .Icon {
     margin-right: $margin * 0.5;
   }
-}
+}

src/renderer/components/+namespaces/namespace-select-filter.tsx

@@ -29,6 +29,7 @@ const NonInjectedNamespaceSelectFilter = observer(({ model, id }: Dependencies &
     onKeyUp={model.onKeyUp}
     onKeyDown={model.onKeyDown}
     onClick={model.onClick}
+    className="NamespaceSelectFilterParent"
   >
     <Select<string | SelectAllNamespaces, NamespaceSelectFilterOption, true>
       id={id}