List (or ListItem) does not work well in rtl

[ido-ran]

I'm trying to use this library with right-to-left layout but the List component does not display the items well. It is still have text-align: left which present the content wrong.

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The list item content will be aligned to the right.

Current Behavior

The list item content is algined to the left,

Steps to Reproduce (for bugs)

This is a live example of RTL layout that present the problem.
This is the live demo of RTL from the docs, I've just added a simple List in it.
You can see that the TextField and input are aligned to the right as expected but the List is not.

1. Follow the guide of setting up RTL
2. Add a List component

Context

I'm trying to present a list in RTL layout.

Your Environment

Tech	Version
Material-UI	v1.2.0
React	16.4.0
browser	Chrome 66
etc	Windows 10

[oliviertassinari]

@ido-ran You have missed the step 3 of our guide: https://material-ui.com/guides/right-to-left/#3-jss-rtl.

[ido-ran]

My mistake 😄