JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0px" cellpadding="0px" class="invalid">
    <tr class="invalid">
        <th class="invalid">
            Checking
        </th>
        <th class="invalid">
            checking 2
        </th>
    </tr>
    <tr >
        <td class="invalid">
            Sample
        </td>
        <td class="invalid">
            sample 2
        </td>
    </tr>

CSS

th.invalid, td.invalid {
    border: 0px double #b8202a !important;
}
table.invalid
{
   border: 0px double #b8202a !important; 
}
tr.invalid
{
    border: 0px double #b8202a !important;
}