![Really starting to hate angular material components. Button placeholder, not alligned with border, mat-form-field background fills the div instead of the button. Is it just me or this is just common to Really starting to hate angular material components. Button placeholder, not alligned with border, mat-form-field background fills the div instead of the button. Is it just me or this is just common to](https://i.redd.it/veisk95jibo51.png)
Really starting to hate angular material components. Button placeholder, not alligned with border, mat-form-field background fills the div instead of the button. Is it just me or this is just common to
![matPrefix element not aligned properly in form field with appearance fill and outline · Issue #12803 · angular/components · GitHub matPrefix element not aligned properly in form field with appearance fill and outline · Issue #12803 · angular/components · GitHub](https://user-images.githubusercontent.com/1287731/44534098-9d987900-a714-11e8-98aa-a7cb8e7aec70.png)
matPrefix element not aligned properly in form field with appearance fill and outline · Issue #12803 · angular/components · GitHub
![mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub](https://user-images.githubusercontent.com/32568095/43195320-42ad79c8-8ff4-11e8-982e-720b1f7e2f45.png)
mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub
![bug(mat-form-field): mat-prefix / suffix are misaligned on Firefox and Chrome for outline appearance · Issue #20074 · angular/components · GitHub bug(mat-form-field): mat-prefix / suffix are misaligned on Firefox and Chrome for outline appearance · Issue #20074 · angular/components · GitHub](https://user-images.githubusercontent.com/13421336/88240367-e59fdd80-cc54-11ea-9cd1-71e861391a68.png)
bug(mat-form-field): mat-prefix / suffix are misaligned on Firefox and Chrome for outline appearance · Issue #20074 · angular/components · GitHub
![Fixed height of mat-form-field even without mat-label or mat-hint · Issue #11845 · angular/components · GitHub Fixed height of mat-form-field even without mat-label or mat-hint · Issue #11845 · angular/components · GitHub](https://user-images.githubusercontent.com/51745086/91022538-c8bd4800-e60e-11ea-9b06-9a3e512a68e0.png)
Fixed height of mat-form-field even without mat-label or mat-hint · Issue #11845 · angular/components · GitHub
![mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub](https://user-images.githubusercontent.com/32568095/43195305-3257cfce-8ff4-11e8-87ec-ccf1cb256877.png)
mat-form-field with outline appearance doesn't resize border when label content change dynamicaly · Issue #12353 · angular/components · GitHub
![The label on a mat form field with Outline with a prefix not aligning inside a dialog · Issue #15027 · angular/components · GitHub The label on a mat form field with Outline with a prefix not aligning inside a dialog · Issue #15027 · angular/components · GitHub](https://user-images.githubusercontent.com/27024161/52020283-c17b9a00-24be-11e9-8a6b-a4ce3c4229be.png)
The label on a mat form field with Outline with a prefix not aligning inside a dialog · Issue #15027 · angular/components · GitHub
Duncan Faulkner 👋 on Twitter: "Angular Material - Mat-Form-Fields Did you know you can set the appearance, floatLabel and hideRequiredMarker globally? @angular #angularMaterial https://t.co/0g32PnfJn1" / Twitter
![mat-form-field with appearance outline incorrectly recalculate outline-gap when page dir is changed. · Issue #21177 · angular/components · GitHub mat-form-field with appearance outline incorrectly recalculate outline-gap when page dir is changed. · Issue #21177 · angular/components · GitHub](https://user-images.githubusercontent.com/37027173/100654774-fecb4000-3352-11eb-80d5-9ad656b67a7c.png)
mat-form-field with appearance outline incorrectly recalculate outline-gap when page dir is changed. · Issue #21177 · angular/components · GitHub
![Fixed height of mat-form-field even without mat-label or mat-hint · Issue #11845 · angular/components · GitHub Fixed height of mat-form-field even without mat-label or mat-hint · Issue #11845 · angular/components · GitHub](https://user-images.githubusercontent.com/3669131/41609733-cf55c92c-73eb-11e8-8911-2e982b1dc230.png)