Make suggestion list word wrap

211-Connect · Aug 28, 2023 · b813754 · b813754
1 parent ab702d8
commit b813754
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/client/components/molecules/TaxonomyAutocomplete/AutocompleteItem.tsx b/packages/client/components/molecules/TaxonomyAutocomplete/AutocompleteItem.tsx
@@ -14,7 +14,11 @@ export const AutoCompleteItem = forwardRef<HTMLDivElement, ItemProps>(
   ) {
     return (
       <div ref={ref} {...others}>
-        <Flex justify="space-between" wrap="nowrap">
+        <Flex
+          justify="space-between"
+          wrap="nowrap"
+          sx={{ wordBreak: 'normal' }}
+        >
           <Text>{value}</Text>
           {group_label === 'Taxonomies' && (
             <Badge maw="100px" fullWidth>