徘徊在错误的地方

Question

当我尝试将鼠标悬停在主页按钮上时，悬停效果显示在主页图标上方，而不是主页图标和主页文本本身。检查图像以获得清晰视图。这是在我添加主页图标时发生的。如何更正此问题。提前谢谢！

<ul class="right hide-on-med-and-down section table-of-contents">
    <li>
        <a href="about.html" style="color:#fff;font-weight:bold;padding-right:50px"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a>
    </li>
</ul>