From 12f6f42b0e63a70efa19fa6abcd2e6758745669d Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Fri, 7 Mar 2025 11:24:22 +0900
Subject: [PATCH] =?UTF-8?q?selectbox=20=ED=81=AC=EA=B8=B0=20=EC=A1=B0?=
 =?UTF-8?q?=EC=A0=88=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=B0=9B?=
 =?UTF-8?q?=EC=9D=84=EC=88=98=EC=9E=88=EB=8F=84=EB=A1=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business_components/src/ui/select/index.tsx  | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/common/business_components/src/ui/select/index.tsx b/packages/common/business_components/src/ui/select/index.tsx
index 72f304caa..370ee52e8 100644
--- a/packages/common/business_components/src/ui/select/index.tsx
+++ b/packages/common/business_components/src/ui/select/index.tsx
@@ -7,12 +7,8 @@ const styles = {
       marginLeft : '2rem',
       display : 'flex'
     } as React.CSSProperties,
-    selectStyle : {
-      marginLeft: '1rem',
-      width:'8rem'
-    } as React.CSSProperties,
     labelStyle : {
-      margin:'0.8rem 0.8rem 0.8rem 0.8rem',
+      margin:'0.8rem 0.8rem 0.8rem 1rem',
       fontSize: '10px',
     } as React.CSSProperties
 }
@@ -22,14 +18,14 @@ interface SelectBox1 {
   val:string
 }
 
-function SelectBox(props: {label : string, selectArray: SelectBox1[]}){
-  const placeHolder = props.selectArray.length > 0 ? props.selectArray[0].text : "";
+function SelectBox(props: {label : string, selectArray: SelectBox1[], styleClassName : string, styleSelect : React.CSSProperties}){
+  const placeHolder = props.selectArray?.[0]?.text ?? "";
 
   return (
-    <div style={styles.selectBoxDiv}>
+    <div className={props.styleClassName+" flex"} >
       {props.label && <Label style={styles.labelStyle}>{props.label}</Label>}
-      <Select style={styles.selectStyle}>
-        <SelectTrigger style={styles.selectStyle} className="w-[180px]">
+      <Select>
+        <SelectTrigger style={props.styleSelect} className="">
           <SelectValue placeholder={placeHolder} />
         </SelectTrigger>
         <SelectContent>