I feel like this is pretty high-touch way of doing this every time we need to add a font awesome thing with a direction. Maybe could we just do overrides for html[dir=rtl]?

e.g.
```
html[dir="rtl"] {
  .fa.fa-reply {
     -webkit-transform: scaleX(-1);
  }
}
```