diff --git a/ui-ngx/src/app/modules/login/pages/login/create-password.component.html b/ui-ngx/src/app/modules/login/pages/login/create-password.component.html
index d590a0ab3f..813b63d3f0 100644
--- a/ui-ngx/src/app/modules/login/pages/login/create-password.component.html
+++ b/ui-ngx/src/app/modules/login/pages/login/create-password.component.html
@@ -47,7 +47,7 @@
               <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async)">
                 {{ 'login.create-password' | translate }}
               </button>
-              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+              <button mat-button type="button" [disabled]="(isLoading$ | async)"
                       routerLink="/login">
                 {{ 'action.cancel' | translate }}
               </button>
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html
index eb164ec07a..53357903c8 100644
--- a/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password-request.component.html
@@ -44,7 +44,7 @@
               <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async) || this.clicked">
                 {{ 'login.request-password-reset' | translate }}
               </button>
-              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+              <button mat-button type="button" [disabled]="(isLoading$ | async)"
                       routerLink="/login">
                 {{ 'action.cancel' | translate }}
               </button>
diff --git a/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html
index a23d3a2d03..bb45938716 100644
--- a/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html
+++ b/ui-ngx/src/app/modules/login/pages/login/reset-password.component.html
@@ -50,7 +50,7 @@
               <button mat-raised-button color="accent" type="submit" [disabled]="(isLoading$ | async)">
                 {{ 'login.reset-password' | translate }}
               </button>
-              <button mat-raised-button color="primary" type="button" [disabled]="(isLoading$ | async)"
+              <button mat-button type="button" [disabled]="(isLoading$ | async)"
                       routerLink="/login">
                 {{ 'action.cancel' | translate }}
               </button>