Не удается настроить заполнение для компонента angular mat-grid-list

Question

Мой responsePadding - 20, и все работает нормально - заполнение активно, но, наконец, текст находится в элементе <figure> (сгенерирован автоматически) angular.

• Тег рисунка имеет отступ 0 и абсолютную позицию, это выглядит как padding 0.

<div>
  <mat-grid-list cols="4" rowHeight="26vh" >
    <mat-grid-tile *ngFor="let tile of tiles" [colspan]="tile.cols"
      [rowspan]="tile.rows"
      [style.background]="tile.color"
      [style.padding.px]="reactPadding"
      >
      {{tile.text}}
    </mat-grid-tile>
  </mat-grid-list>
</div>