JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
  </tr>
    <tr>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
      <td>Test</td>
  </tr>
</table>

CSS

table tr td{
    background-color:green;
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border-spacing: 10px;
    border-collapse: separate;
}