diff --git a/htdocs/public/webportal/css/login.css b/htdocs/public/webportal/css/login.css
index 492ae7cf292..2c862812779 100644
--- a/htdocs/public/webportal/css/login.css
+++ b/htdocs/public/webportal/css/login.css
@@ -126,16 +126,30 @@ body.login-page {
     color: var(--login-form-icon-color);
 }
 
-input.login__input {
+.login__field:has(.login__icon + select.login__input) .login__icon {
+	top: 33px;
+}
+
+
+:is(input,select).login__input {
     --border-radius: 0;
+	--input-width: 75%;
     border: none;
     border-bottom: 2px solid var(--login-form-border-color);
-    background: none;
+    background: #fff;
     padding: 10px 10px 10px 36px;
-    width: 75%;
+    width: var(--input-width);
     transition: .2s;
 }
 
+input.login__input[name="security_code"] {
+	width: calc(var(--input-width) - 110px);
+}
+
+select.login__input {
+	padding: 10px 10px 5px 36px;
+}
+
 .login__input:active,
 .login__input:focus,
 .login__input:hover {
@@ -222,8 +236,8 @@ input.login__input {
 		background-position: center;
 	}
 
-	:where(.login-form-right) input.login__input {
-		width: 100%;
+	:where(.login-form-right) :is(input,select).login__input {
+		--input-width: 100%;
 	}
 
 	:where(.login-form-right) .login-screen {