Increase menubutton box

Question

As you can see in the image, the last line has exceeded the box limit, where I can increase the box width?

The code is as follows::

<p:menuButton id="documentos" value="#{messages['estada.modal.documentos']}" >
<p:menuitem>
                            <p:commandLink value="#{messages['estada.modal.emissao.relatorio.consolidado.programacao']}" id="relConsolidadeProgramacao"  
                                    style="text-decoration:none; margin-left:8px; padding-right:5px" immediate="true" process="@this" update="@form" oncomplete="emissaoRelatorio.show();">
                                <f:setPropertyActionListener target="#{useCaseScope.idEstada}" value="#{row.id}"/>
                                <f:setPropertyActionListener target="#{useCaseScope.estadaNavioIdentificador}" value="#{row.identificador}"/>
                                <f:setPropertyActionListener target="#{useCaseScope.tipoRelatorio}" value="RC"/>
                                <f:setPropertyActionListener target="#{useCaseScope.exibirUnidadeMedida}" value="true"/>
                            </p:commandLink>
                        </p:menuitem>
                    </p:menuButton>

Answer 1

You can increase with css believe the commands you can check in this website or you can view in this website.

These links are the css that the primefaces uses in its previous versions,the first is about the menuitem and the second on the menu button, in this case you could set the css to implement what you want.

For example, the primefaces uses:

.ui-menubutton {
     display:inline-block;
     padding:0;
}
.ui-menubutton .ui-button {
     margin:0;
}