diff --git a/src/renderer/components/+namespaces/namespace-select-filter.scss b/src/renderer/components/+namespaces/namespace-select-filter.scss index da59651ce5..21cc83a778 100644 --- a/src/renderer/components/+namespaces/namespace-select-filter.scss +++ b/src/renderer/components/+namespaces/namespace-select-filter.scss @@ -45,3 +45,22 @@ } } } + +.NamespaceSelectFilterMenu { + right: 0; + + .Select { + &__menu-list { + max-width: 400px; + } + + &__option { + white-space: normal; + word-break: break-all; + } + } + + .Icon { + margin-right: $margin / 2; + } +} \ No newline at end of file diff --git a/src/renderer/components/+namespaces/namespace-select-filter.tsx b/src/renderer/components/+namespaces/namespace-select-filter.tsx index 07b492ebd8..5863e4244f 100644 --- a/src/renderer/components/+namespaces/namespace-select-filter.tsx +++ b/src/renderer/components/+namespaces/namespace-select-filter.tsx @@ -180,6 +180,7 @@ export class NamespaceSelectFilter extends React.Component { onBlur={this.reset} formatOptionLabel={this.formatOptionLabel} className="NamespaceSelectFilter" + menuClass="NamespaceSelectFilterMenu" sort={(left, right) => +this.selected.has(right.value) - +this.selected.has(left.value)} />