Firefox中的Bootstrap nav-tabs显示得太紧了

Question

我遇到了bootstrap nav-tabs的问题。在谷歌浏览器中，nav-tabs显示正常，但在Mozilla Firefox中显示得太紧。我不知道如何解决它。

.nav-tabs > li > a:hover{
    display: inline-block;
    color:white !important;
    background: rgba(202, 171, 119, 0.5) !important;
}

.nav-tabs>li>a{
    display: inline-block !important;
    width:100% !important;
    color:black !important;
    padding: 10px 14.86px;
}