From 711536975cb64a9b7b91dcdb802d578125480103 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 29 Jan 2026 10:58:49 +0700
Subject: [PATCH] refactor(FE): Apply innerProps and className to CustomControl

---
 src/components/input/SelectInput.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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>