Fix the arrow position

typesnippet · Dec 25, 2024 · 3e5e506 · 3e5e506
1 parent eff5d91
commit 3e5e506
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/development/src/ant-phone/index.tsx b/development/src/ant-phone/index.tsx
@@ -242,21 +242,21 @@ const PhoneInput = forwardRef(({
                 value={selectValue}
                 style={{display: "none"}}
                 key={`${countryCode}_default`}
-                label={<>
+                label={<div style={{display: "flex"}}>
                     <div className={`flag ${countryCode}`}/>
                     {suffixIcon}
-                </>}
+                </div>}
             />
             {countriesList.map(([iso, name, dial, pattern]) => {
                 const mask = disableParentheses ? pattern.replace(/[()]/g, "") : pattern;
                 return (
                     <Select.Option
                         value={iso + dial}
                         key={`${iso}_${mask}`}
-                        label={<>
+                        label={<div style={{display: "flex"}}>
                             <div className={`flag ${iso}`}/>
                             {suffixIcon}
-                        </>}
+                        </div>}
                         children={<div className={`${prefixCls}-phone-input-select-item`}>
                             <div className={`flag ${iso}`}/>
                             {countries[name]}&nbsp;{displayFormat(mask)}