'How do I decrease the height of mat-select in angular material, not the options inside it?

Have tried a solution I saw on Stack Overflow but it only decreased the height of the options inside the mat-select.

Thank you in advance.

link to the image

<mat-form-field *ngIf="!isLoading" appearance="fill">
    <mat-label>Sort by Type</mat-label>
    <mat-select
        panelClass="sel"
        name="selected"
        [(ngModel)]="selected"
        (selectionChange)="onChangeSelect()"
    >
        <mat-option value="">All</mat-option>
        <mat-option value="Db">Debit</mat-option>
        <mat-option value="Cr">Credit</mat-option>
    </mat-select>
</mat-form-field>
javascripthtmlcssangular


Solution 1:[1]

Late reply for future users

You should add the following code in your div

style="font-size: 10px"

click this link to view the differences Link to stackblitz

Result image

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Mohammed

Related Questions