diff --git a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss b/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
index 3537046464..2501b1b1b4 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
@@ -231,8 +231,22 @@ limitations under the License.
     border-bottom-right-radius: 0px;
 }
 
+.mx_Login_phoneSection {
+    display:flex;
+}
+
 .mx_Login_phoneCountry {
     margin-bottom: 14px;
+    width: 145px;
+
+    /* To override mx_Login_field_prefix */
+    text-align: left;
+    padding: 0px;
+}
+
+.mx_Login_field_prefix .mx_Dropdown_input {
+    /* To use prefix border instead of dropdown border */
+    border: 0;
 }
 
 .mx_Login_phoneCountry .mx_Dropdown_option {