Нет нижнего подчеркивания в поле ввода angular-material

На форме ввода использую @angular/material 13.2.5

Вот код

<mat-dialog-content>
  <p mat-dialog-title>{{dialogTitle}}</p>
  <mat-form-field appearance="standard">
    <mat-label>Name</mat-label>
    <input
      #inputTitle
      matInput maxlength="100"
      [(ngModel)]="quizDto.name"
      (keydown.enter)="confirm()"
    />
    <button
      *ngIf="quizDto.name.trim().length > 0"
      class="clear-icon"
      mat-button matSuffix mat-icon-button aria-label="Clear"
      (click)="quizDto.name= ''"
    >
      <mat-icon>clear</mat-icon>
    </button>
  </mat-form-field>
</mat-dialog-content>

Но когда запускаю приложение поле ввода выглядит вот так:

на картинке видно что нет нижнего подчеркивания в поле ввода Но если открыть примеры использования на сайте material.angular то точно такой же код отображает элемент ввода с нижним подчеркиванием

<mat-form-field appearance="standard">
    <mat-label>Standard form field</mat-label>
    <input matInput placeholder="Placeholder">
    <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
    <mat-hint>Hint</mat-hint>
</mat-form-field>