Using Font Awesome Icons in New Text Components

Hello, I'm having an issue with the new Text components where, using a font awesome icon results in it being distorted, and the size of the icon being limited in a way that didn't happen with the old Text component.

For example, here's an old text component:
image
image

And, attempting to do the same in a new text component:
image

Is there something I need to do in the new text component to keep it from distorting the icon?