Angular router-outlet child can't fill space

I have a problem with filling all available space with the router-outlet.

I use angular/flex-layout for my application. And the component loaded with the router doesn't take all available place.

<div fxLayout="column" fxFlexFill>
  <maat-top-bar></maat-top-bar>
  <router-outlet fxFlex></router-outlet>
</div>

Screenshot of app & dom

The router-outlet take space instead of child component. On screenshot the component is <maat-home></maat-home>. In the DOM tree this component is placed after the router-outlet.

What can I do so the component <maat-home></maat-home> will take the remaining space?

Thanks!