P:TOOLBAR - Problemas ao utilizar

[aldecirfonseca]

Estou iniciando no desenvolvimento com JSF e PrimeFaces e me deparei com um problema no qual não consegui resolver e nem encontrei na internet alguem com um problema parecido, caso alguem saiba como resolver e puder me ajuar ficarei grato. Abaixo segue meu código e em anexo imagem de como a tela fica quando coloco toolbar, como pode ser visto o toolbar fica grande e com uma linha cheia de quadrados com x dentro, não consigui encontrar nada de como resolver isto:

<?xml version=‘1.0’ encoding=‘UTF-8’ ?>
<!DOCTYPE composition PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<ui:composition xmlns:ui=“http://java.sun.com/jsf/facelets”
xmlns=“http://www.w3.org/1999/xhtml”
template="./Modelos/ModeloPadrao.xhtml"
xmlns:p=“http://primefaces.prime.com.tr/ui”
xmlns:h=“http://java.sun.com/jsf/html”
xmlns:f=“http://java.sun.com/jsf/core”>

<ui:define name="content">

    <h:form>
        
        <h1>Grupo de Produtos</h1>
        <br></br>

        &lt;p:toolbar&gt;

            &lt;p:toolbarGroup align="left"&gt;

                &lt;p:commandButton type="push" value="Adicionar" image="ui-icon-document" /&gt;  

            &lt;/p:toolbarGroup&gt;
        
        &lt;/p:toolbar&gt;
            
    &lt;/h:form&gt;
    
&lt;/ui:define&gt;

</ui:composition>