Bootstrap 3＆amp;字体真棒剪辑

Question

我创造了一个快速＆amp;带有Bootstrap 3＆amp;的脏简单网站Fontawesome。除了在手机（手机）和手机处于横向（旋转）状态外，一切看起来都不错。我在四个Font Awesome Icons中的两个看到了一个奇怪的右手剪辑（见下文）。我已经在几个不同的浏览器/手机上测试了它，结果完全相同。

正确

不正确 - 有剪辑

<div class="row rowpad">
<div class="col-sm-3 col-xs-6 text-center">
    <a class="btn btn-default btn-lg" href="/menu/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-cutlery fa-stack-1x fa-inverse"></i></span> <h5>Menu</h5></a>
</div>
<div class="col-sm-3 col-xs-6 text-center">
    <a class="btn btn-default btn-lg" href="/bar/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-glass fa-stack-1x fa-inverse"></i></span> <h5>Bar Menu</h5></a>
</div>

<div class="col-sm-3 col-xs-6 text-center">
    <a class="btn btn-default btn-lg" href="/social/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-camera-retro fa-stack-1x fa-inverse"></i></span> <h5>Social</h5></a>
</div>
<div class="col-sm-3 col-xs-6 text-center">
    <a class="btn btn-default btn-lg" href="/where/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-map-marker fa-stack-1x fa-inverse"></i></span> <h5>Directions</h5></a>
</div>

有什么建议吗？我在看什么？感谢。

live website