Таблица / Карта заполнить оставшуюся часть экрана

Question

По умолчанию отображаются первые 10 записей, а под таблицей есть пара дюймов пустого пространства.

Как я могу изменить это так, чтобы карта / таблица занимала остальную часть экрана и ссылки на страницы былив самом низу?

<mat-card>
<mat-card-content>
<table mat-table [dataSource]="dataSource" matSort matSortStart="desc" class="mat-elevation-z6">
  <ng-container matColumnDef="virtualMachineName">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>
      Virtual Machine Name
    </th>
    <td mat-cell *matCellDef="let element">{{ element.virtualMachineName }}</td>
  </ng-container>

  <ng-container matColumnDef="status">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>Status</th>
    <td mat-cell *matCellDef="let element">{{ element.status }}</td>
  </ng-container>

  <ng-container matColumnDef="labName">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>Lab Name</th>
    <td mat-cell *matCellDef="let element">{{ element.labName }}</td>
  </ng-container>

  <ng-container matColumnDef="instance">
    <th mat-header-cell *matHeaderCellDef>Instance</th>
    <td mat-cell *matCellDef="let element">{{ element.instance }}</td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>

<mat-paginator
  [pageSize]="10"
  [pageSizeOptions]="[10, 25, 50, 100]"
></mat-paginator>
</mat-card-content>
</mat-card>