JSFiddle - React, Tailwind, and code Playground

HTML

<table id="pointsTableSmall">
  <tr>
    <th>Hey</th>
  </tr>
  <tr>
    <td class="heyT" id="heyTS">more hey</td>
  </tr>
  <tr>
    <th>Hi</th>
  </tr>
  <tr>
    <td class="hiA" id="hiAS">more hi</td>
  </tr>
  <tr>
    <th>Yo</th>
  </tr>
  <tr>
    <td class="yoU" id="yoUS">more yo</td>
  </tr>
</table>

CSS

#pointsTableSmall{
  text-align: center;
  padding: 0;
  margin: 0 auto;
  width: 50%;
  border: 1px solid #F00;
}