Изменить стиль angular элемента выбора материала

Question

Я использую Angular элемент выбора материала в моем приложении Angular. Я хотел бы изменить размер всего этого на более мелкий элемент.

<mat-form-field appearance="fill">
    <mat-label>קטגוריית הקובץ</mat-label>
    <mat-select
        (selectionChange)="checkNumberOfItems()"
        [formControl]="categoriesFilter"
        multiple>
        <mat-option
            *ngFor="let category of getCategories()"
            [value]="category.key">{{ category.value }}</mat-option>
    </mat-select>
</mat-form-field>

Если я добавлю стиль к элементу <mat-form-field>: style="border: 1px solid black;", я получу следующий результат: введите здесь описание изображения

Как видите, оно не только для меня слишком велико, но еще и имеет бесполезное пустое пространство внизу. Я попытался проверить документацию по изменению размера, но никакой опции не нашел ..