Угловой 7 Материал Sidenav фиксируется в области просмотра

Question

Я получил большую проблему при использовании этого примера из Пример SideNav материала

Я не хочу, чтобы мои sidenav перекрывались на моей панели навигации / панели инструментов

вот мой код

<mat-sidenav #drawer class="sidenav" 

    [fixedInViewport]="false" 

    [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
    [mode]="(isHandset$ | async) ? 'over' : 'side'"
    [opened]="(isHandset$ | async) === false"

    >

  <mat-toolbar>Menu</mat-toolbar>
  <mat-nav-list>
      <li *ngFor="let menuItem of menuItems" class="{{menuItem.class}} nav-item">
          <a routerLinkActive="active" [routerLink]="[menuItem.path]" class="nav-link">

              {{menuItem.title}}
          </a>
      </li>
  </mat-nav-list>
</mat-sidenav>

вот его изображение