I have a scenario where I want to align some buttons on the same horizontal line. I cannot understand why the mat-icon-button does not have the same alignment as the rest of the buttons. Both have default height of 48px, but still it looks like this.
I know that I can align this with Bootstrap, but then it comes with other problem. I will have more input with mat-chips to the left of the buttons. There will be a dynamic amount of them, which will cause multiple rows and the chips, mat-flat-button and mat-icon-button on each row should be aligned.
Why is this the default behaviour? What is a feasible workaround?