bug(mat-tab-group): mat-tab-group alignment not working when inside another

[wweitzel]

Reproduction

Here is a working stackblitz
https://stackblitz.com/edit/tabgroup-inside-tabgroup-alignment

In this example there is an outer mat-tab-group with two inner tab groups. The outer tab group has mat-align-tabs="center" and the first inner tab group has mat-align-tabs="start" but the first inner tab group is not aligned at the start. The second inner tab group with mat-align-tabs="end" is correct.

Expected Behavior

The first inner tab group should be left aligned since it is marked with mat-align-tabs="start"

Actual Behavior

The first inner tab group is aligned center.

Environment

See image

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}