I have some trouble with RightToLeft for input. consider following:

<div class="md-form">
<i class="fa fa-lock prefix"></i>
<input mdbInputDirective
data-error=" "
data-success=" "
class="form-control"
type="text"
id="username" 
formControlName="Username">
<label for="username">someTextLabel</label>
</div>

-------------------------------------------------------------------------------

Scss: 
*{
direction: rtl;
text-align: right;
font-family: ...;
}

What i get is: misplace of "fa-lock" and "someTextLabel".

How can i fix this?

-----EDIT------

I have find a solution but don't know if this is the best solution or not.

For instance, It could be better to use $variable instead of "2.5rem", but neither scss files (including "_input.scss") used any $variable for that.

Start your code hereccc
.md-form label{
  left: inherit;
}
.md-form .prefix{
  margin-left: 2.5rem;
  left:0;
}