diff --git a/eiam-console/src/main/console-fe/src/pages/account/UserList/components/CreateUser/CreateUser.tsx b/eiam-console/src/main/console-fe/src/pages/account/UserList/components/CreateUser/CreateUser.tsx
index 6540a2f6..4aa4577d 100644
--- a/eiam-console/src/main/console-fe/src/pages/account/UserList/components/CreateUser/CreateUser.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/account/UserList/components/CreateUser/CreateUser.tsx
@@ -407,6 +407,9 @@ const CreateUser = (props: CreateUserProps) => {
                       validator: validatePhoneOrEmail,
                     },
                   ]}
+                  addonWarpStyle={{
+                    flexWrap: 'nowrap',
+                  }}
                   addonBefore={
                     <FormPhoneAreaCodeSelect
                       name={'phoneAreaCode'}
diff --git a/eiam-console/src/main/console-fe/src/pages/account/UserList/components/UpdateUser/UpdateUser.tsx b/eiam-console/src/main/console-fe/src/pages/account/UserList/components/UpdateUser/UpdateUser.tsx
index f81821c4..8424d941 100644
--- a/eiam-console/src/main/console-fe/src/pages/account/UserList/components/UpdateUser/UpdateUser.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/account/UserList/components/UpdateUser/UpdateUser.tsx
@@ -249,6 +249,9 @@ const UpdateUser = (props: UpdateFormProps) => {
                       validator: validatePhoneOrEmail,
                     },
                   ]}
+                  addonWarpStyle={{
+                    flexWrap: 'nowrap',
+                  }}
                   addonBefore={
                     <FormPhoneAreaCodeSelect name={'phoneAreaCode'} showSearch noStyle />
                   }
diff --git a/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/CreateAdministrator/CreateAdministrator.tsx b/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/CreateAdministrator/CreateAdministrator.tsx
index 68091aaa..bbdb5cad 100644
--- a/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/CreateAdministrator/CreateAdministrator.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/CreateAdministrator/CreateAdministrator.tsx
@@ -243,6 +243,9 @@ export default (props: {
                     validateTrigger: ['onBlur'],
                   },
                 ]}
+                addonWarpStyle={{
+                  flexWrap: 'nowrap',
+                }}
                 addonBefore={
                   <FormPhoneAreaCodeSelect
                     name={'phoneAreaCode'}
diff --git a/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/UpdateAdministrator/UpdateAdministrator.tsx b/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/UpdateAdministrator/UpdateAdministrator.tsx
index 2e01fb78..4fc1695e 100644
--- a/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/UpdateAdministrator/UpdateAdministrator.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/security/Administrator/components/UpdateAdministrator/UpdateAdministrator.tsx
@@ -203,6 +203,9 @@ export default (props: {
                       validateTrigger: ['onBlur'],
                     },
                   ]}
+                  addonWarpStyle={{
+                    flexWrap: 'nowrap',
+                  }}
                   addonBefore={
                     <FormPhoneAreaCodeSelect
                       name={'phoneAreaCode'}
diff --git a/eiam-console/src/main/console-fe/src/pages/user/Profile/components/ModifyPhone.tsx b/eiam-console/src/main/console-fe/src/pages/user/Profile/components/ModifyPhone.tsx
index 5be363fd..732afd81 100644
--- a/eiam-console/src/main/console-fe/src/pages/user/Profile/components/ModifyPhone.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/user/Profile/components/ModifyPhone.tsx
@@ -170,6 +170,9 @@ export default (props: {
                   },
                 ]}
                 phoneName={FieldNames.PHONE}
+                addonWarpStyle={{
+                  flexWrap: 'nowrap',
+                }}
                 addonBefore={
                   <FormPhoneAreaCodeSelect
                     name={'phoneAreaCode'}