угловой материал мат-выберите ширину выпадающего

Question

Текущий выпадающий список имеет ширину, превышающую ширину линии:

Есть ли способ избавиться от дополнительной ширины?

Вот мой текущий код:

html:

<mat-form-field>
    <mat-select disableOptionCentering placeholder="Choose an option">
      <mat-option [value]="option" *ngFor="let option of my_list">
          {{ option }}
      </mat-option>
    </mat-select>
</mat-form-field>

my_list:

export const my_list: string[] = [ "a", "b", "c", "d"];

style.css:

.mat-select-panel{
    margin-left: 15px;
    margin-top: 28px;
}

Answer 1

Попробуйте и измените ширину:

   <mat-select style="width:10px">