app.component.html

<mat-drawer-container class="main-container" autosize>
  <mat-drawer #drawer class="sidenav-menu" mode="side" opened="{{ menuIsOpen }}">
    <button class="menu-close" (click)="toggleMenu()">
      <mat-icon class="white-icon">close</mat-icon>
    </button>
    <a routerLink="/"><app-logo></app-logo></a>
    <app-sidenav-buttons></app-sidenav-buttons>
  </mat-drawer>

  <div class="sidenav-content">
    <button type="button" mat-button (click)="toggleMenu()" color="primary">
      <mat-icon>menu</mat-icon>
    </button>
    <div class="tag-line">
      <div class="tag-title">{{ title || defaultTitle }}</div>
      <div class="tag-subtitle">{{ subtitle }}</div>
    </div>
    <div class="dummy"></div>
  </div>
  <mat-divider></mat-divider>
  <router-outlet></router-outlet>
</mat-drawer-container>