diff --git a/src/components/input/SelectInput.tsx b/src/components/input/SelectInput.tsx
index 2a3ff98c..fc7926cc 100644
--- a/src/components/input/SelectInput.tsx
+++ b/src/components/input/SelectInput.tsx
@@ -89,7 +89,7 @@ const CustomControl = <
 >(
   props: ControlProps<Option, IsMulti, Group>
 ) => {
-  const { children } = props;
+  const { children, innerProps, className } = props;
 
   const customProps = props.selectProps as unknown as {
     shouldShowAdornment?: boolean;
@@ -101,7 +101,10 @@ const CustomControl = <
 
   return (
     <ReactSelectComponents.Control {...props}>
-      <div className='flex-1 p-3! py-1.5 gap-1 flex items-center'>
+      <div
+        className={`${className} flex-1 pl-3 gap-1 flex items-center transition-all duration-200`}
+        {...innerProps}
+      >
         {shouldShowAdornment && startAdornment}
         {children}
       </div>