Misalignment of [md-ink-bar] with the activated tab when using `fxLayoutAlign="center center"` on [md-tab-nav-bar]

[r3v2d0g]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

[md-ink-bar] should be aligned with the activated [md-tab-link]

What is the current behavior?

[md-ink-bar] is misaligned (see the the demo/images)

What are the steps to reproduce?

http://plnkr.co/edit/UwZRptBlTirQiuTJHlJx?p=preview

Which versions of Angular, Material, OS, browsers are affected?

@angular/core: 2.4.8
@angular/material: 2.0.0-beta.2 (but I also tried using material2-builds)

Chrome: I tried both with v57 and v58

OS: Windows 10 Build 14393.693

Is there anything else we should know?

[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.}