[Table] Checkbox moves place when clicked

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
When selecting a checkbox within a table, the highlighted selection highlighting should not move up.

#### What is the current behavior?
The alignment of the highlighting is not aligned with the checkbox itself.

#### What are the steps to reproduce?
Providing a StackBlitz/Plunker (or similar) is the *best* way to get the team to see your issue.

Plunker starter (using on `@master`): https://goo.gl/uDmqyY

StackBlitz starter (using latest `npm` release): https://goo.gl/wwnhMV

This existing table example at the following URL does not work properly with material 5.0.0*

https://stackblitz.com/edit/angular-material2-table

#### What is the use-case or motivation for changing an existing behavior?
It's a bug

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Material: 5.0.0-rc0, 5.0.0-rc.1
The bug does not exist in 2.0.0-beta.12

#### Is there anything else we should know?
No

Start with the existing Angular Material table example at https://stackblitz.com/edit/angular-material2-table using the reported Material 5.0.0 releases. Reproduce the checkbox selection and compare its highlight alignment with Material 2.0.0-beta.12, where the bug reportedly does not occur. Done means the checkbox and highlighted selection remain aligned when clicked.

Written by the indexing model from the issue text.