JSFiddle - React, Tailwind, and code Playground

HTML

<div id="panelDocs" class="ui-panel ui-widget ui-widget-content ui-corner-all dadosPessoais">
  <div id="panelDocs_header" class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all">
    <span class="ui-panel-title">Documentos</span>
    <a id="panelDocs_toggler" href="javascript:void(0)" class="ui-panel-titlebar-icon ui-corner-all ui-state-default">
      <span class="ui-icon ui-icon-minusthick"></span>
    </a>
  </div>
  <div id="panelDocs_content" class="ui-panel-content ui-widget-content">
    <table>
      <tbody>
        <tr>
          <td>
            <span class="inputMedio">CPF</span>
          </td>
          <td>
            <input id="j_idt70" name="j_idt70" type="text" class="ui-inputfield ui-inputmask ui-widget ui-state-default ui-corner-all inputMedio" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false">
          </td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>PIS/PASEP</td>
          <td>
            <input id="j_idt78" name="j_idt78" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false">
          </td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>RG</td>
          <td>
            <input id="j_idt86" name="j_idt86" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all inputMedio" role="textbox" aria-disabled="false" aria-readonly="false" aria-multiline="false">
          </td>
          <td>Órgão</td>
          <td>
            <div id="j_idt88" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-helper-clearfix" style="width: 52px;">
              <div class="ui-helper-hidden-accessible">
               ...

CSS

@CHARSET "ISO-8859-1";
.dadosPessoais{
	text-align: center;
	margin: 0px auto;
	width: 80%;
	font-size: 12px;
}

.grid{
	text-align: left;
	margin: 0px auto;
}

.inputMaior{
	width: 160px !important;
}

.inputMedio{
	width: 100px !important;
}

.inputMenor{
	width: 40px !important;
}

#panelEventos{
	margin: 0px auto;
	border: 0px !important;
	width: 80%;
}

#panelEventos_content{
	margin: 0px auto;
	border: 0px !important;
	text-align: center;
}
.botao{
	font-size: 13px;
}