Tamanho de SelectOneMenu's e InputText

Front-end
#1

Boa tarde galera, tudo certo? Bem, na minha aplicação tenho duas Tab’s. Em uma delas faço o cadastro de produtos e na outra tenho alguns filtros e um dataTable.
Dentro do mesmo, tenho um commandButton que edita o cadastro do produto. Quando clico em editar é aberto então a aoutra Tab, porém, se eu voltar para a Tab dos filtros, alguns InputText’s e selectOneMenu’s aparecem “cortados”. Estou tentando deixar eles fixos mas não estou conseguindo… Abaixo, parte d euma das Tab.

 <p:tab title="Procura" id="tabList">
                        <p:panel header="Filtros de Consulta" id="parametros">
                            <p:growl id="grow1" life="4000"/>

                            <table border="0" cellpadding="2" cellspacing="0" style="margin-right: 40px">
                                <h:panelGrid columns="2" width="100%">
                                    <h:panelGrid columns="2">

                                        <td align="right">Escola:</td>
                                        <h:panelGrid columns="2" width="150">
                                            <p:selectOneMenu value="#{registroAulaJsfBean.escola}" filter="true" caseSensitive="false" filterMatchMode="contains">
                                                <f:selectItem itemLabel="Todas " itemValue="#{null}"/>
                                                <f:selectItems value="#{registroAulaJsfBean.escolaList}" var="e" itemLabel="#{e.codigo} - #{e.nomeCompleto}" itemValue="#{e}"/>
                                            </p:selectOneMenu>
                                        </h:panelGrid>


                                        <td align="right">Turma:</td>
                                        <h:panelGrid columns="2" width="150">
                                            <p:selectOneMenu value="#{registroAulaJsfBean.turma}" converter="sec" filter="true" caseSensitive="false"filterMatchMode="contains">
                                                <f:selectItem itemLabel="Todas" itemValue="#{null}"/>
                                                <f:selectItems value="#{registroAulaJsfBean.turmaListFiltro}" var="t" itemLabel="#{t.codigo} - #{t.descricao}" itemValue="#{t}"/>
                                                <p:ajax update="periodoFil" event="change" listener="#{registroAulaJsfBean.atualizarPeriodo(event)}" />
                                            </p:selectOneMenu>
                                        </h:panelGrid>

                                        <td align="right" >Periodo:</td>
                                        <h:panelGrid columns="2" width="150">
                                            <p:selectOneMenu id="periodoFil" value="#{registroAulaJsfBean.periodo}" >
                                                <f:selectItem itemLabel="Todos" itemValue="#{null}"/>
                                                <f:selectItems value="#{registroAulaJsfBean.tipoPeriodos}"/>
                                            </p:selectOneMenu>
                                        </h:panelGrid>


                                    </h:panelGrid>
                                    <h:panelGrid columns="2" style="height: 10%; border-top: 0">


                                        <td align="right">Docente:</td>
                                        <h:panelGrid columns="2" width="150">
                                            <p:selectOneMenu value="#{registroAulaJsfBean.docente}" filter="true" caseSensitive="false" filterMatchMode="contains">
                                                <f:selectItem itemLabel="Todos" itemValue="#{null}"/>
                                                <f:selectItems value="#{registroAulaJsfBean.docenteList}" var="d" itemLabel="#{d.codigo} - #{d.nome}" itemValue="#{d}"/>
                                            </p:selectOneMenu>
                                        </h:panelGrid>

</h:panelGrid>
                                </h:panelGrid>
                                <tr>
                                    <td>
                                        <p:defaultCommand target="BtnfiltraRegistroAula" />
                                        <p:commandButton id="BtnfiltraRegistroAula" actionListener="#{registroAulaJsfBean.atualizar()}" value="Consultar" update="tabela1" 
process="parametros" image="search"/>
                                        <treap:btnRelatorio metodo="#{registroAulaJsfBean.geraRelatorioRegistroAulaPDF()}"/>
                                    </td>
                                </tr>
                            </table>
                        </p:panel>
                        <br/>
  </p:tab>

Por enquanto estou colocando dentro do panelGrid um width, mas acredito que essa não seja a forma mais adequada. Se alguém souber como posso deixar eles “fixos” e se disponibilizar a ajudar, eu fico mto grato. Agradeço Vlw

#2

Usa CSS

<style>
    .ui-selectonemenu {
        width:300px;
    }
</style>

300px; vai ser a largura do select one menu

#3