Chore/remove fixed height (#2142)

remove fixed height

Author: HenryHengZJ

packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx

@@ -114,7 +114,7 @@ export const AsyncDropdown = ({
                 disabled={disabled}
                 disableClearable={disableClearable}
                 size='small'
-                sx={{ width: '100%', height: '52px' }}
+                sx={{ mt: 1, width: '100%' }}
                 open={open}
                 onOpen={() => {
                     setOpen(true)

packages/ui/src/ui-component/dropdown/Dropdown.jsx

@@ -25,7 +25,7 @@ export const Dropdown = ({ name, value, options, onSelect, disabled = false, dis
     let [internalValue, setInternalValue] = useState(value ?? 'choose an option')
 
     return (
-        <FormControl sx={{ width: '100%', height: '52px' }} size='small'>
+        <FormControl sx={{ mt: 1, width: '100%' }} size='small'>
             <Autocomplete
                 id={name}
                 disabled={disabled}

packages/ui/src/ui-component/dropdown/MultiDropdown.jsx

@@ -30,7 +30,7 @@ export const MultiDropdown = ({ name, value, options, onSelect, formControlSx =
     let [internalValue, setInternalValue] = useState(value ?? [])
 
     return (
-        <FormControl sx={{ width: '100%', height: '52px', ...formControlSx }} size='small'>
+        <FormControl sx={{ mt: 1, width: '100%', ...formControlSx }} size='small'>
             <Autocomplete
                 id={name}
                 disabled={disabled}