On some pages the header is not taking full width

[ajitsinghkaler]

On some pages of the material.angular.io, the header is not taking full width on some screens. I've attached a screenshot for reference.

[Splaktar]

This is related to #550 which covers similar issues in the CDK.

[ajitsinghkaler]

@Splaktar so should I change my commit message

[Splaktar]

I don't think that the commit message needs to be updated at this time.

[Splaktar]

More steps to reproduce were provided here.

[Splaktar]

The issue in the screenshot here is fixed by PR angular/components#18210.

I've also fixed a number of other related issues from #550 in PR #705.