diff --git a/src/app/login/login-form/login-form.component.html b/src/app/login/login-form/login-form.component.html
index 692d92403..f4d808035 100644
--- a/src/app/login/login-form/login-form.component.html
+++ b/src/app/login/login-form/login-form.component.html
@@ -10,7 +10,7 @@
 @if (!oauthEnabled) {
   <div>
     <form class="layout-column" [formGroup]="loginForm" (ngSubmit)="login()" id="login-form">
-      <mat-form-field class="login-field flex-align-center">
+      <mat-form-field class="login-field flex-align-center" appearance="fill">
         <mat-label>{{ 'labels.inputs.Username' | translate }}</mat-label>
         <input
           matInput