.mat-table,
.mat-mdc-table {
  &, &.table-ui {
    @extend .table-ui;

    td.mat-mdc-cell, td.mat-mdc-footer-cell,
    td.mat-cell, td.mat-footer-cell {
      padding: .36rem .36rem .36rem 0;

      &:first-of-type {
        padding-left: calc-rem(14);
      }
    }

    mat-icon {
      @extend .icon;
    }

    .mat-mdc-table-sticky {
      top: -1.6rem !important;
    }
  }

  &.table-ui__bordered {
    @extend .table-ui__bordered;
  }
}