Angular тема применяется только после нажатия на ввод

Question

В других компонентах все работает нормально, не знаю, с чем я столкнулся

Это компонент. html

<form [formGroup]="user">
  <mat-form-field>
    <mat-label color="primary">Email</mat-label>
    <input matInput color="primary" formControlName="email">
  </mat-form-field>
  <mat-form-field>
    <mat-label color="primary">Password</mat-label>
    <input matInput color="primary" formControlName="password">
  </mat-form-field>
  <br>
  <button mat-raised-button color="primary">Login</button>
</form>

Перед щелчком:

После щелчка: