diff --git a/plugins/search-react/src/components/SearchFilter/SearchFilter.tsx b/plugins/search-react/src/components/SearchFilter/SearchFilter.tsx index 78ef981ebc..b6dc077a89 100644 --- a/plugins/search-react/src/components/SearchFilter/SearchFilter.tsx +++ b/plugins/search-react/src/components/SearchFilter/SearchFilter.tsx @@ -37,6 +37,16 @@ const useStyles = makeStyles({ label: { textTransform: 'capitalize', }, + checkboxWrapper: { + display: 'flex', + alignItems: 'center', + width: '100%', + }, + textWrapper: { + overflow: 'hidden', + textOverflow: 'ellipsis', + whiteSpace: 'nowrap', + }, }); /** @@ -120,17 +130,21 @@ export const CheckboxFilter = (props: SearchFilterComponentProps) => { +
+ +
+ {value} +
+
} - label={value} /> ))} @@ -197,7 +211,7 @@ export const SelectFilter = (props: SearchFilterComponentProps) => { {values.map((value: string) => ( - {value} + {value} ))}