css – Obtaining un-wanted highlighting in between my typeface amazing symbol as well as my support message

I’m making use of TailwindCSS as well as typeface amazing symbols. I desire the symbol to be component of my web link yet I desire the highlighting to finish where the message finishes as well as not hang over in the direction of the symbol. So in the screenshot going left, quit at the u. Any type of concept just how?

Some code:

<< a href=" {{path(' dashboard.profile.index', range($ individual->> username))}} ">>.
<< period course=" fa fa-user" aria-hidden=" real"><>  {{$individual->> username}}
<.

I attempted including no underscore styling to the symbol period which really did not aid. My period is currently an inline-block.

I located 2 older blog posts comparable to this yet the fiddles really did not function or no screenshots.