change(ui) - filter dropdown overflow

frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx

@@ -13,6 +13,8 @@ const dropdownStyles = {
         ...provided,
         whiteSpace: 'nowrap',
         transition: 'all 0.3s',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
         backgroundColor: state.isFocused ? colors['active-blue'] : 'transparent',
         color: state.isFocused ? colors.teal : 'black',
         fontSize: '14px',
@@ -59,7 +61,8 @@ const dropdownStyles = {
         backgroundColor: '#fff',
         boxShadow: '1px 1px 1px rgba(0, 0, 0, 0.1)',
         position: 'absolute',
-        minWidth: 'fit-content',
+        width: 'unset',
+        maxWidth: '300px',
         overflow: 'hidden',
         zIndex: 100,
     }),