Componente picklist do PrimeNg

Estou trabalhando com a Biblioteca do PrimeNg com Angular.

Estou tentando utilizar o cmponente picklist https://www.primefaces.org/primeng/#/picklist

Conforme imagem eu faço aparecer todos corretamente tanto no lado com o nome Todos grupos e Grupos selecionados.

O problema é que como pode ver na imagem, é que os que estão na parte da direita não deveria aparecer na parte da esquerda. Alguém tem idéia de como ajustar ?

Meu código está assim:

<p-pickList [source]="todosGrupos" [target]="gruposSelecionados" sourceHeader="Todos grupos" 
  pTooltip="Grupos de usuários" tooltipPosition="right"
  targetHeader="Grupos selecionado *" [responsive]="true" dragdrop="true" 
  dragdropScope="todosGrupos">
  <ng-template let-grupo pTemplate="item">
  <div class="ui-helper-clearfix">{{grupo.descricao}}</div>
  </ng-template>
</p-pickList>

Alguma solução ?