mat-sidenav-content не изменяет размер для большего mat-sidenav

Question

У меня есть боковая панель материала, которая отлично работает следующим образом:

<mat-sidenav-container class="example-container" autosize>
    <mat-sidenav #sidenav mode="side" [(opened)]="opened" (opened)="events.push('open!')"
                 (closed)="events.push('close!')" [fixedInViewport]="false">

        <div>
            Assigned to: <a href="mailto:me" target="_top">Tom Selleck</a>
        </div>

    </mat-sidenav>

    <mat-sidenav-content style="border: none;" autosize>
      <p><mat-checkbox [(ngModel)]="opened">sidenav.opened</mat-checkbox></p>
      <p><button mat-button (click)="sidenav.toggle()">sidenav.toggle()</button></p>
    </mat-sidenav-content>

</mat-sidenav-container>

Что выглядит следующим образом:

I хотел бы, чтобы основной контент перемещался, если содержимое боковой панели больше. Прямо сейчас, кажется, перезаписывается основной контент, например - если я увеличу отступ для элемента <div>: