Угловой материал добавляет дополнительное пространство с помощью кнопки add_outline с гибкой компоновкой

Похоже на ошибку в библиотеке "@ angular / material"

Или в источнике CDN

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Я пытаюсь расположить div внутри mat-toolbar, но при использовании внутри значка тега icon add_outline у ​​меня есть дополнительный запас. Только иконка с названием «add_outline». Например, на другом скриншоте есть «меню», а багов нет ..

<mat-toolbar-row style="display: flex; justify-content: space-between; align-items: center;">

    <button mat-icon-button (click)="sidenav.toggle()" onclick="this.blur()">
        <mat-icon>menu</mat-icon>
        </button>


        <span class="toolbar-title">{{title}}</span>


        <button mat-icon-button (click)="changeTitleButton('New')">
        <mat-icon>add_outline</mat-icon>
        </button>

    </mat-toolbar-row>
  </mat-toolbar>

Текущая версия: "@ angular / material": "8.0.0"

Но то же самое с "@ angular / material": "7.2.5"