在tabview中的图标按钮

Question

我使用primefaces 5.2，我想在tabview中的选项卡中添加一个命令按钮。 要测试的代码：

<p:tabView>
<p:tab>
    <f:facet name="title">
        <h:outputText value="Error Log"/>
        <p:commandButton icon="fa fa-refresh" id="fetcherror" update="form:msg errorlogpane" style="margin-left: 12px;"/>
    </f:facet>

    <p:scrollPanel id="errorlogpane" style="height: 300px">
    </p:scrollPanel>
</p:tab>
</p:tabView>

我想要一个标签，右边是标签内的一个按钮，可以重新加载标签内容。 Button不需要任何文本，只需要一个图标来显示功能。 但是，如果我部署上面的代码，图标就不正确，如下图所示

结果html代码是：

<li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true">
    <a href="#form:j_idt29:j_idt30" tabindex="-1">Error Log<button id="form:j_idt29:fetcherror" name="form:j_idt29:fetcherror" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" style="margin-left: 12px;" type="submit">
        <span class="ui-button-icon-left ui-icon ui-c fa fa-refresh"></span>
        <span class="ui-button-text ui-c">ui-button</span>
    </button>
    </a>
</li>

此标签设计有什么问题？我该如何解决？任何建议都有助于：）