Incorrect positioning for RTL checkbox

[traviskaufman]

What MDC-Web Version are you using?

Latest (0.5.0)

What browser(s) is this bug affecting?

Chrome 56.0.2924.87 (64-bit)

"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36"

What OS are you using?

OS X 10.12.3

What are the steps to reproduce the bug?

1. Navigate to http://material-components-web.appspot.com/checkbox.html
2. Under the "CSS Only" example, click the "Toggle RTL" button
3. Observe the position of the checkbox with respect to its label

What is the expected behavior?

The checkbox should be spaced the same way to the right of the label as it was in an LTR setting.

What is the actual behavior?

The checkbox is positioned further away from the label on the RTL side than it was on the LTR side

Any other information you believe would be useful?

LTR:

RTL:

Also note that the hover ring shows up in the correct position for the checkbox, but since the checkbox element is in the wrong position, it looks incorrect.