Remove Padding Below Font Awesome (CSS Icon)

I am trying to remove the padding below font awesome stack icons, have tried everything in my knowledge, and the solutions provided on stack overflow and other websites (from setti

Solution 1:

You can fix this by adding changing the height for .fa-stack class

.fa-stack { height:1.2em !important; }

Solution 2:

If this is what you mean, just remove top: -40px from span tags.