Customise the width of dropdowns to match the width of each select

[traffic-nz]

So far, the only way I've found to customise the width of the dropdowns is to add a class to md-option and then add the custom width to the select.component.ts file... which is terrible practice. Ideally, the width of the dropdowns should be the same with as md-select component, or at least be able to grab styles from the select.component.scss file.

For example, I've had to add this to the select.component.ts file:

I should be adding these styles to the select.component.scss file like this instead, but it doesn't do anything.

Is there a better way to have custom widths or get the dropdown widths to match the width of the select component?