set combobox to truncate

Author: Light2Dark

frontend/src/components/ui/combobox.tsx

@@ -175,8 +175,8 @@ export const Combobox = <TValue,>({
             )}
             aria-expanded={open}
           >
-            {renderValue()}{" "}
-            <ChevronDownIcon className="ml-3 w-4 h-4 opacity-50" />
+            <span className="truncate flex-1 min-w-0">{renderValue()}</span>
+            <ChevronDownIcon className="ml-3 w-4 h-4 opacity-50 flex-shrink-0" />
           </div>
         </PopoverTrigger>
         <PopoverContent

frontend/src/plugins/impl/SearchableSelect.tsx

@@ -105,7 +105,9 @@ export const SearchableSelect = (props: SearchableSelectProps): JSX.Element => {
         }}
         placeholder="Select..."
         multiple={false}
-        className={cn("w-full", { "w-full": fullWidth })}
+        className={cn({
+          "w-full": fullWidth,
+        })}
         value={value ?? NONE_KEY}
         onValueChange={handleValueChange}
         shouldFilter={false}