Change height of toolbar material design

You can use an inline style like this

<md-toolbar style="min-height:30px">

Use min-height to make the toolbar smaller

The accepted answer did not work for me. Here is how I got it working in my Angular Material app:

<mat-toolbar color="primary"
     style="min-height: 30px !important; height: 30px !important;">

The height of the toolbar can be changed by adding the classes to the md-toolbar.

For a medium sized toolbar add class="md-medium-tall"

For toolbar bigger than the normal add class="md-tall"

You can also inline style the toolbar style="height:50px;"

Related