Bootstrap - Font Awesome Icon Issue

I’ve been going through the tribute page challenge, and have built out a great deal of my page.I seem to be running into an issue with font awesome, however. I used it to add a down arrow to a button I created. For some reason, the down arrow has seemed to replicate itself multiple times. I’ve gone through the code, and cannot seem to figure out why this is happening. I was hoping someone may be able to give me a suggestion.

Here is my code pen -

Here is a screenshot of the issue i’m referring to:

I’d appreciate any help I could get. This has been driving me crazy.

The problem is this,

<a href="#title">Don't Assume </a><i class=“fa fa-arrow-down” aria hidden="true"</i>

You did not close the <i> see the bold text, after aria hidden=“true”, you forgot to close it >

Wow. I can’t believe I missed that. Thank you so much for your help! :slight_smile: