Fix the arrow position (GH-114)

Author: ArtyomVancyan

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.11",
+  "version": "0.3.12",
   "name": "antd-phone-input",
   "description": "Advanced, highly customizable phone input component for Ant Design.",
   "keywords": [

src/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)}