Угловой материал: невозможно изменить ширину столбца в мат-таблице

Question

Я новичок в разработке пользовательского интерфейса, с небольшим опытом в стилизации HTML.Может кто-нибудь показать мне, как сделать мою колонку в пределах mat-table меньше?Я не понимаю, почему я не могу заставить это работать.

Вот мой HTML:

      <ng-container matColumnDef="edit">
        <mat-header-cell *matHeaderCellDef></mat-header-cell>
        <mat-cell *matCellDef="let row">
          <button mat-raised-button>Edit</button>
        </mat-cell>
      </ng-container>

И scss (я выбрал некоторую случайную ширину, чтобы посмотреть, будет ли она работать):

.mat-column-edit {
  width: 300px !important;
}

Похоже, все должно быть довольно просто, но это не так!