RichFaces: dataTable e subTable não estão sendo exibidos corretamente

Olá!

Estou com problemas em deixar uma tabela no formato desejado. Estou utilizando os componentes dataTable e subTable.
Para ficar bem claro qual o problema, envio em anexo a forma com a tabela está sendo exibida e qual o formato que desejo exibir.

Segue o código da página

[code]<ui:composition xmlns=“http://www.w3.org/1999/xhtml
xmlns:s=“http://jboss.com/products/seam/taglib
xmlns:ui=“http://java.sun.com/jsf/facelets
xmlns:f=“http://java.sun.com/jsf/core
xmlns:h=“http://java.sun.com/jsf/html
xmlns:rich=“http://richfaces.org/rich
xmlns:a4j=“http://richfaces.org/a4j” template="/layout/template.xhtml">

<ui:define name="body">
	<h:form id="selecionarRevisorForm">
		<rich:panel>
		<f:facet name="header">#{messages['revisaoSistematica.revisaoPorRevisor.tabela.label']}</f:facet>
		<div class="results">
				<h:outputText
					value="#{messages['usuario.tabela.vazio']}"
					rendered="#{empty listaRevisoesSistematicasPorRevisor}" />
					 
				<rich:dataTable id="listaRevisaoRevisor"
					var="revisorRevisao" value="#{listaRevisoesSistematicasPorRevisor}"
					rendered="#{not empty listaRevisoesSistematicasPorRevisor}" rows="10">
					
					<rich:column sortBy="#{listaRevisaoRevisor.revisor.nome}">
						<f:facet name="header">#{messages['comando.selecione']}</f:facet>
						<h:commandLink action="#{administrarRevisaoSistematicaAction.definirRevisores}" value="#{revisorRevisao.revisor.nome}">
							<f:param name="idRevisorEscolhido" value="#{revisorRevisao.revisor.id}"/>
						</h:commandLink>
					</rich:column>
					
					<rich:column>
						<f:facet name="header">#{messages['revisaoSistematica.tabela.label']}</f:facet>
						
						<div class="results">
						<h:outputText
							value="#{messages['revisaoSistematica.revisaoPorRevisor.tabela.vazia']}"
							rendered="#{empty revisorRevisao.listaRevisoes}" />
							
						<rich:subTable id="revisoes" value="#{revisorRevisao.listaRevisoes}" var="revisao">
							<rich:column>
								<f:facet name="header">#{messages['revisaoSistematica.label']}</f:facet>
								#{revisao.nome}
							</rich:column>
							<rich:column>
								<f:facet name="header">#{messages['revisaoSistematica.areaPesquisa.label']}</f:facet>
								#{revisao.areaPesquisa.nome}
							</rich:column>
							<rich:column>
								<f:facet name="header">#{messages['revisaoSistematica.etapa.label']}</f:facet>
								#{revisao.etapaAtual}
							</rich:column>
						</rich:subTable>
						</div>
					</rich:column>
				</rich:dataTable>
				<rich:datascroller for="selecionarRevisorForm:listaRevisaoRevisor" maxPages="5"
					rendered="#{not empty listaRevisoesSistematicasPorRevisor}" />
			</div>
		</rich:panel>
		<div class="actionButtons">
			<s:button
				propagation="end" id="cancel" value="#{messages['comando.voltar']}"
				view="/acessoRestrito/revisaoSistematica/listarRevisoesSistematicas.xhtml" />
		</div>
	</h:form>
</ui:define>

</ui:composition>[/code]

Isto está relacionado a alguma configuração de css? Se sim, como posso fazer para deixar a tabela no formato desejado?
Obrigado!!!