Here’s a helpfull tip I thought I’d share (after I just figured it out!!)
If you include a space between the end of your first tag and the word you are going to follow it with there will be a space between the FA icon and the word following it on your page.
<button type="button" class="btn btn-primary"><i class="fa fa-info">_About</i></button>
I used an underscore here to emphasize the spacing. but without that spacing your Icon will be touching your word.