Problemas tabView Primefaces Bagunçado

Front-end
#1

Amigos,
Tenho um dialog com uma tabview e várias tabs, quando carrego as informações dentro das tabs, a mesma aparece bagunçada, com uns espaços grandes dentro da tab, alguém tem alguma idéia?

		<h:form id="formDetalheColaboradorProjeto">
			<p:dialog id="dlgColaboradorProjetoDetalhe" resizable="false"
				draggable="false" widgetVar="dlgColaboradorProjeto" width="720"
				height="400" dynamic="true" >
				<p:outputPanel id="pnlColaboradorProjeto">
					<p:tabView id="tabInformacoesAdicionais" dynamic="true"
						activeIndex="#{informacoesAdicionaisController.tabIndex}"
						cache="false" orientation="top" >

                                                  <p:tab id="tabTelefone" title="Telefone"
							disabled="#{informacoesAdicionaisController.tabDesabilitado}"
							rendered="#{informacoesAdicionaisController.origemPessoa eq 'M'}">
							<p:tabView id="listaTelefone"
								value="#{informacoesAdicionaisController.listaTelefoneMissionarios}"
								var="tel" dynamic="true"
								activeIndex="#{informacoesAdicionaisController.indexTelefone}"
								cache="false">
								<p:tab id="tabDetalhadoTelefone" title="Telefone #{tel.linha}">
									<h:panelGrid columns="3">
										<h:outputLabel value="DDI" style="font-weight:bold" />
										<h:outputLabel value="DDD" style="font-weight:bold" />
										<h:outputLabel value="Telefone " style="font-weight:bold" />
										<p:inputMask mask="9?99" value="#{tel.ddi}" maxlength="3" />
										<p:inputMask mask="9?99" value="#{tel.ddd}" maxlength="3" />
										<p:inputMask mask="9?9999999999" value="#{tel.telefone}"
											maxlength="11" />

									</h:panelGrid>
									<h:panelGrid columns="2">
										<h:outputLabel value="Tipo de Telefone"
											style="font-weight:bold" />
										<h:outputLabel value="Padrão " style="font-weight:bold" />

										<p:selectOneMenu id="selectTipoTelefone"
											value="#{tel.seqTipoTelefone}" label="tTelefone"
											style="width: 135px ">
											<f:selectItem itemLabel="Selecione o Tipo de Telefone"
												itemValue="" />
											<f:selectItems
												value="#{informacoesAdicionaisController.listaTipoTelefone}"
												var="tt" itemLabel="#{tt.tipoTelefone}"
												itemValue="#{tt.seqTipoTelefone}" />
										</p:selectOneMenu>
										<p:selectOneRadio value="#{tel.padrao}">
											<f:selectItem itemLabel="Sim" itemValue="S" />
											<f:selectItem itemLabel="Não" itemValue="N" />

										</p:selectOneRadio>
									</h:panelGrid>
									<p:separator />

									<p:commandButton id="btnSalvarTelefone"
										style="width:150px ; left:460px"
										actionListener="#{informacoesAdicionaisController.editarTelefone(tel)}"
										icon="ui-icon-check" value="Salvar Alterações"
										update=":formDataTableColaboradorProjeto:messages">
									</p:commandButton>

								</p:tab>
								<p:ajax event="tabChange"
									listener="#{informacoesAdicionaisController.alterarIndexTelefone}"
									update="tabDetalhadoTelefone" />

							</p:tabView>

							<p:commandButton id="btnNovoTelefone"
								style="width:150px ; left:480px"
								actionListener="#{informacoesAdicionaisController.novoTelefone}"
								icon="ui-icon-plusthick" value="Novo Telefone"
								update=":formDetalheColaboradorProjeto:tabInformacoesAdicionais" />

						</p:tab>


              </p:tabView>
#2