diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html b/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
index c0bce6911..11b909306 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/auth-factor-dialog/auth-factor-dialog.component.html
@@ -6,13 +6,13 @@
         <p class="desc">{{'USER.MFA.DIALOG.ADD_MFA_DESCRIPTION' | translate}}</p>
 
         <div class="type-selection">
-            <button mat-raised-button [disabled]="data.otpDisabled" (click)="selectType(AuthFactorType.OTP)">
+            <button mat-raised-button color="primary" [disabled]="data.otpDisabled" (click)="selectType(AuthFactorType.OTP)">
                 <div class="otp-btn">
                     <mat-icon class="icon" svgIcon="mdi_radar"></mat-icon>
                     <span>{{'USER.MFA.OTP' | translate}}</span>
                 </div>
             </button>
-            <button mat-raised-button (click)="selectType(AuthFactorType.U2F)">
+            <button mat-raised-button color="primary" (click)="selectType(AuthFactorType.U2F)">
                 <div class="u2f-btn">
                     <div class="icon-row">
                         <i matTooltip="Fingerprint" class="las la-fingerprint"></i>
diff --git a/console/src/styles.scss b/console/src/styles.scss
index f4933b77b..4a0899f92 100644
--- a/console/src/styles.scss
+++ b/console/src/styles.scss
@@ -233,7 +233,7 @@ $caos-dark-theme-background: (
   background: map_get($caos-dark-background, 500),
   hover: rgba(black, .04),
   card: map_get($caos-dark-background, 400),
-  dialog: white,
+  dialog: map_get($caos-dark-background, 500),
   disabled-button: rgba(black, .12),
   raised-button: white,
   focused-button: $dark-focused,
@@ -254,7 +254,7 @@ $caos-light-theme-background: (
   background: map_get($caos-light-background, 500),
   hover: rgba(black, .04),
   card: map_get($caos-light-background, 400),
-  dialog: white,
+  dialog: map_get($caos-light-background, 500),
   disabled-button: rgba(black, .12),
   raised-button: white,
   focused-button: $light-focused,