How to increase Width

[waelbenmustapha]

Hi , im new to angular and im really not sure if this could be achieved from angular material or if you can add a feature wich allows width modification . i tried everything but couldn't increase the width ,

[RHeynsZa]

mat-form-field {
  width: 100%;
}

Add that to your styles.scss

Note it influences every mat form field in your app. Idk if its the right way, but I couldn't find a way to to it otherwise

[simionrobert]

Try adding this to the component in cause.

::ng-deep mat-form-field {
  width: 100%;
}

Note: Didn't work with RHeynZa solution but it worked with this one for me.

[felixmoroni]

Add this to your global css file

mat-select-country .mat-form-field {
  width: 100%;
}

It will only apply to mat-form-field nested in mat-select-country.