ngx-openlayers: stretching problem

I found an error that I already had in my project. Let me try to describe it: I have a page with a toggle able side bar, the rest of the page is filled with the map. Now if i toggle the sidebar the view port of the map gets changed in size, but the page content is stretched.

I fixed this problem before by adding the following to my map page:

ngDoCheck() {
    this.map.updateSize();
  }

I don’t know if this is the best, or right solution, but it worked for me, you should have a look at it.

If you have any questions or need more info, just let me know!