title: My Search Icon Disappears after Transition
body: <p>I added a search icon with font awesome on my website that has a transition to the left but for some reason when I hover and the transition starts the font awesome icon disappears.
  I'm having a hard time figuring this out because it works fine on my CodePen.</p>
  
  <p>Please click on the link below to see the code in action on my website. </p>
  
  <p><a href="https://i.stack.imgur.com/uwDjL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uwDjL.png" alt="Before Hover"></a></p>
  
  <p><a href="https://i.stack.imgur.com/igL9q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/igL9q.png" alt="After Hover"></a></p>
  
  <p><a href="http://lonestarwebandgraphics.com/" rel="nofollow noreferrer">http://lonestarwebandgraphics.com/</a></p>