diff --git a/ui/v2.5/src/components/List/ListFilter.tsx b/ui/v2.5/src/components/List/ListFilter.tsx index 709eedfee..e842b2993 100644 --- a/ui/v2.5/src/components/List/ListFilter.tsx +++ b/ui/v2.5/src/components/List/ListFilter.tsx @@ -107,7 +107,7 @@ export const ListFilter: React.FC = ( function renderSortByOptions() { return props.filter.sortByOptions.map(option => ( - + {option} )); @@ -186,7 +186,7 @@ export const ListFilter: React.FC = ( function renderSelectAll() { if (props.onSelectAll) { return ( - onSelectAll()}> + onSelectAll()}> Select All ); @@ -196,7 +196,7 @@ export const ListFilter: React.FC = ( function renderSelectNone() { if (props.onSelectNone) { return ( - onSelectNone()}> + onSelectNone()}> Select None ); @@ -209,7 +209,7 @@ export const ListFilter: React.FC = ( if (props.otherOperations) { props.otherOperations.forEach(o => { options.push( - + {o.text} ); @@ -222,7 +222,7 @@ export const ListFilter: React.FC = ( - {options} + {options} ); } @@ -259,13 +259,13 @@ export const ListFilter: React.FC = ( placeholder="Search..." defaultValue={props.filter.searchTerm} onChange={onChangeQuery} - className="filter-item col-5 col-sm-2" + className="filter-item col-5 col-sm-2 bg-secondary text-white border-secondary" /> {PAGE_SIZE_OPTIONS.map(s => (