PrimeFaces - Dica de layout

Front-end
#1

Oi gente, tudo bem?
Queria uma dica referente ao layout de uma página .xhtml minha.

Segue um esboço dela:

 <h:panelGrid columns="2">                    
  <!-- alguns inputs, autocompletes, etc... size = 40 -->
 </h:panelGrid>

<h:panelGrid columns="4">                    
   <p:outputLabel value="Valor de custo:" for="valorCusto" />
      <p:inputText id="valorCusto" size="10" />

   <p:outputLabel value="Valor de venda:" for="valorVenda" />
   <p:inputText id="valorVenda" size="10" />
</h:panelGrid>

Meu problema é, quando eu mudo o padrão das colunas (duas colunas por linha), ou seja, quando quero que determinada linha tenha QUATRO componentes (dois labels, dois inputs), o alinhamento das colunas se perde, devido ao tamanho do label da primeira coluna (Ex: “Unidade de medida” > “Valor de custo”).

Como posso fazer para que fique tudo alinhado do jeito que eu quero?

Por favor, me ajudem. Muito obrigada!