Componente <p:autocomplete> desalinhado

Front-end
#1

Boa noite,
estou com uma dúvida em relação ao componente <p:autocomplete> do primefaces, quando eu coloco na minha página xhtml ele fica desalinhado.
exemplo:

<h:panelGrid columns="3"  >
			<h:outputLabel value="Teste :" />


			<p:autoComplete id="ds_descricao"
				value="#{lancamentoProdutoController.produtoSelecionado}"
				effect="fade"
				completeMethod="#{lancamentoProdutoController.completaNome}"
				var="produto" itemLabel="#{produto.ds_descricao}"
				converter="produtoConverter" itemValue="#{produto.id_produto}" />
		</h:panelGrid>

ao abrir a página ele sempre é o primeiro campo da página, ao invés de ser o “Teste”

Dei uma olhada na internet, e vi falando em relação a versão do primefaces. É isso mesmo?
A solução pra isso é mudar a versão do primefaces ou alguém consegue ver se o meu código está errado

#2

Alguém já passou por isso?

#3