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

::ng-deep .mat-form-field-infix {
  width:800px !important;
}

This should work fine.Not sure if it can be done without custom CSS.