При использовании fxLayout раскрывающийся список меню материалов не открывается под кнопкой меню.

Question

Я использую fxLayout, а также использую меню материалов. Выпадающее меню не попадает под кнопку меню. Как мне сделать flex с содержимым выпадающего меню?

<div fxLayout="row" fxLayoutAlign="space-between center" >
  <div fxLayoutAlign="center center">
    <mat-icon>home</mat-icon><span>Home</span>
  </div>
  <div>
    <button mat-button [matMenuTriggerFor]="menu">
      <span >Activity</span>
       <mat-icon>arrow_drop_down</mat-icon>
    </button>
    <mat-menu #menu >
      <button mat-menu-item>Item 1</button>
      <button mat-menu-item>Item 2</button>
    </mat-menu>
  </div>
  <div>
  user
  </div>
</div>