angular 5 material - form fields stuck at 180px

Question

Ive create a form in a dialog using material forms but I cant seem to get the inputs to be wider than 180px despite following numerous examples including https://material.an

Answer 1

can you try using

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

I had the same issue in a mat-card, this worked for me.