Componentes ficaram desordenados!

Campo Nome e Email ficaram desalinhados.

        <h:form id="autor">
            <h:messages id="messages" globalOnly="true"/>
            <p:fieldset legend="Dados do Autor">
                <h:panelGrid columns="2">

                    <p:outputLabel value="Nome:" for="nome" />
                    <p:inputText id="nome" value="#{autorBean.autor.nome}" required="true" requiredMessage="Nome autor obrigatório!">
                        <f:ajax event="blur" render="messageNome" />
                    </p:inputText>
                    <p:message for="nome" id="messageNome"/>

                    <p:outputLabel value="Email:" for="email" />
                    <p:inputText id="email" value="#{autorBean.autor.email}" required="true" requiredMessage="Email obrigatório!">
                        <f:attribute name="type" value="email" />
                        <f:ajax event="blur" render="messageEmail" />
                    </p:inputText>
                    <p:message for="email" id="messageEmail"/>

                    <p:commandButton value="Gravar" action="#{autorBean.gravarAutor}"
                        update="@form" process="@form :formTabelaAutores" />
                </h:panelGrid>
            </p:fieldset>
        </h:form>

Algum help?