Правила fxFlex не распространяются на mat-sidenav

Question

Я пытаюсь центрировать содержимое. Проблема в том, что любые правила, которые я пытаюсь применить, ничего не изменят. Если я добавлю правила fxFlex ко всему, то все будет работать нормально. Я пытался применить правила для каждого элемента, но до сих пор не знаю.

код для sidenav без каких-либо правил:

<mat-sidenav-container>

    <mat-sidenav #sidenav opened mode="side">
        <div *ngIf="rooms">
            <div class="mat-title">OBJECTS:</div>
            <mat-nav-list *ngFor="let room of rooms ;trackBy: trackId">
                <a mat-list-item [routerLink]="['/select/room', room.id, 'device' ]">
                    <span class="mat-body-1">{{room.roomName}}</span>
                </a>
            </mat-nav-list>
        </div>
    </mat-sidenav>

    <mat-sidenav-content fxLayout="column" fxLayoutAlign="center center">
    ...
    </mat-sidenav-content>

</mat-sidenav-container>

экран