Como mudar largura de uma mat-table Angular Material?

Front-end
#1

Tenho uma mat-table.

<mat-table [dataSource]="ds">
  ...
</mat-table>

Agora quero reduzir a largura dessa mat-table.

Tentei assim no css e não funcionou.


.mat-table {
    width: 50%;
}

Fui no Chrome ferramentas do desenvolvedor e encontrei o css que muda o que quero.

Elemento:

<mat-card _ngcontent-vna-c44="" class="mat-mdc-card mdc-card">..</mat-card>

CSS:

mat-card[_ngcontent-vna-c44] {
    max-width: 80%;
    margin: 2em auto;
    text-align: center;
}

Se mudo o max-width pra outro numero (no Chrome ferramentas do desenvolvedor), a largura altera exatamente como preciso.

Porém, não estou conseguindo fazer referência a esse elemento no css.

Tentei desta forma e não rolou.

.mat-card {
    max-width: 50%;
}