Button Icons are Elevated #408

jasper502 opened this Issue Oct 13, 2012 · 2 comments


None yet

3 participants


Very weird issue that I can't find a solution to.

I am using font awesome and icons in buttons but the icons end up being elevated like this:


I had a poke in the CSS and this looks like the issue:

.btn [class^="icon-"], .nav-tabs [class^="icon-"], .btn [class*="icon-"], .nav-tabs [class*="icon-"] {
line-height: .9em;

If I clear that in the Safari inspector the icons drop to their normal position. I have tried unsuccessfully to override this but I can't seem to fix it.


I found a works around... I added my attempt to override this AFTER the font awesome includes with a line-height: normal;


Thanks I was having this issue. As far as I can tell all my buttons look good again.

@toadkicker toadkicker closed this Apr 27, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment