IE上的FontAwesome图标问题

Question

我有一个带有fontawesome类的简单标签。

<div class="bh-header-menu-ct bh-left">
    <a href="javascript:void(0)" class="bh-menu-icon bh-circle bh-color-700 bh-ripple" (click)="onToggle()">
        <i class="fa fa-align-center"></i>
    </a>
</div>

.bh-header-menu-ct{
   height: inherit;
   line-height: 60px;
   padding: 0 10px;
   .bh-menu-icon{
     padding: 10px;
   }
}

在IE上它的表现位已经过了

编辑：代码缩进