From eabc84ee9fc97fae323332086a5beebc9053c991 Mon Sep 17 00:00:00 2001
From: Henry Heng <henryheng@flowiseai.com>
Date: Tue, 9 Apr 2024 16:21:37 +0100
Subject: [PATCH] Chore/remove fixed height (#2142)

remove fixed height
---
 packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx | 2 +-
 packages/ui/src/ui-component/dropdown/Dropdown.jsx      | 2 +-
 packages/ui/src/ui-component/dropdown/MultiDropdown.jsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx b/packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx
index 1eb1776a..bddc35d9 100644
--- a/packages/ui/src/ui-component/dropdown/AsyncDropdown.jsx
+++ b/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)
diff --git a/packages/ui/src/ui-component/dropdown/Dropdown.jsx b/packages/ui/src/ui-component/dropdown/Dropdown.jsx
index 801169a9..27bf066d 100644
--- a/packages/ui/src/ui-component/dropdown/Dropdown.jsx
+++ b/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}
diff --git a/packages/ui/src/ui-component/dropdown/MultiDropdown.jsx b/packages/ui/src/ui-component/dropdown/MultiDropdown.jsx
index 3e6e9f1a..70b02ae4 100644
--- a/packages/ui/src/ui-component/dropdown/MultiDropdown.jsx
+++ b/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}