更改角形材质选择元素的样式

Question

我在Angular应用程序中使用Angular Material选择元素。 我想将整个内容调整为更小的元素。

<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;"中，这是我得到的结果： https://uops.info/

如您所见，不仅对我来说太大，而且在下面还有一些无用的空白。 我试图检查文档以调整大小，但是找不到选项。