我的標簽有點長，所以我想讓它多行。有沒有辦法讓我用css來實現它。這是我的代碼

<div class="col-sm-4 require" click="onClick($event)">
        <mat-form-field class="example-full-width">
          <mat-label>What cultural background or ethnicity do you identify with?</mat-label>
          <mat-select autofocus formControlName="otherCulturalBackgroundID"
            [ngClass]="{ 'is-invalid': submitted && formControls.otherCulturalBackgroundID.errors }" required>
            <mat-option *ngFor="let race of masterRace" [value]="race.id" (click)="onClick($event)">
              {{race.value}}
            </mat-option>
            
          </mat-select>
          <mat-error *ngIf="formControls.otherCulturalBackgroundID.errors">
            Please select other cultural backgrounds
          </mat-error>
        </mat-form-field>
      </div>

這是它看起來的樣子。標簽越長越好

我試著用這個css。Mat-label變為多行，但它與下面的選項重疊。

.mat-form-field-label {
    white-space: normal !important;
}

這是使用上面的css后的樣子。我該如何解決這個問題