title: Font Awesome icons alignment
body: <p>I am using bootstrap-sass and font-awesome-sass-rails gems and have successfully eradicated duplicate icons (from glyphicons) by adding to bootstrap-and-overrides.css.scss:</p>
  
  <pre><code>[class^="icon-"] {
    background-image:none;
  }
  </code></pre>
  
  <p>However, now I am having the problem of slightly out of line icons.. The glyphicons were perfect before. Now I am seeing:</p>
  
  <p><img src="https://i.stack.imgur.com/mi1CL.png" alt="enter image description here"></p>
  
  <p>I would like to move the icons down a pixel or 2. Please help. Thanks.</p>