Currently, I am using the angular2 mat-select control and facing an issue with the width and position of its dropdown list menu. By default, it is wider and overflows the element on both sides by a few pixels.
I have not found any option for adjusting these settings on the materials site, and trying to override them with CSS is proving to be complex as the values depend on the element's width. This adjustment is required for all select menus on my site.
For reference, here is a code example:
<mat-form-field class="col-sm-8 grey">
<mat-select [(value)]="selectedGroup">
<mat-option *ngFor="let item of groups" [value]="item">{{item.value}}</mat-option>
</mat-select>
</mat-form-field>