fix bug

src/components/common/combo-box.tsx

@@ -23,7 +23,7 @@ export const ComboBox = () => {
 
     return (
         <Combobox value={selected} onChange={(value: any) => setSelected(value)} onClose={() => setQuery('')}>
-            <div className="relative w-full min-w-full lg:min-w-[200px] lg:max-w-[200px]">
+            <div className="relative w-full">
                 <ComboboxInput
                     className="input-style"
                     displayValue={(person: any) => person?.name}

src/components/common/input.tsx

@@ -10,11 +10,11 @@ type Props = {
     field?: any
 }
 
-export const Input: FC<Props> = ({ placeholder, type = "text", icon, field }) => {
+export const Input: FC<Props> = ({ placeholder, type = "text", icon, field, style }) => {
     const [hidden, setHidden] = useState<boolean>(false)
     const handleHidden = () => setHidden(prev => !prev)
     return (
-        <div className="relative w-full min-w-[250px] sm:min-w-[400px]">
+        <div className={`relative w-full !${style}`}>
             <div className="absolute top-[18.5px] left-5 grid h-5 w-5 place-items-center text-blue-gray-500">
                 {type === "password" ?
                     !hidden ? <Eye size="23" color="#777577" onClick={handleHidden} /> : <EyeSlash size="23" color="#777577" onClick={handleHidden} />