Datepicker month names are over each other in year/month selection

[swftvsn]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The date picker should be pleasantly displayed, with some padding between month names. The width of the picker should be what ever the minimum is to display the data in the given locale.

What is the current behavior?

What are the steps to reproduce?

View the date picker https://material.angular.io/components/component/datepicker in finnish locale (FI-fi), activate the date picker dialog, click the month / year title.

What is the use-case or motivation for changing an existing behavior?

User experience is not what it should be.

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

Angular 4.1.3, Material 2.0.0-beta.6, Mac Sierra, TS 2.3.3, all browsers, screen shot from Chrome 58.0.3029.110 (64-bit)

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