MatStepper's height is too small when in a horizontal MatSidenav

[bromike]

Bug, feature request, or proposal:

The height of the MatStepper (horizontal) doesn't fit all the content when it is in a sidenav

What is the expected behavior?

The content of the stepper should all be visible (height-wise)

What is the current behavior?

Some parts are hiding due to the main div's height size.

What are the steps to reproduce?

1. Create a sidenav
2. Add an horizontal MatStepper
3. Add some mat-raised-button at the end of a step.
4. Notice that the bottom part of the bottom is not visible

https://stackblitz.com/edit/angular-gygkao

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

Elements should be able to display correctly. Height should adjust to its full content.

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

Angular : 5.6.0
Material: 2.0.0-beta.12

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