Как вы можете настроить таблицу Material-UI на одинаковую толщину границ?

Question

Моя текущая реализация таблицы пользовательского интерфейса материала - установить толщину 1 пиксель для всех элементов. Это приводит к немного более толстому виду в областях, где две ячейки соприкасаются, в отличие от внешнего периметра.

Как я могу получить равномерную ширину границы в 1 пиксель вокруг?

<Table border={1}>
    <colgroup>
        <col style={{width:'12.5%'}} />
        <col style={{width:'12.5%'}} />
        <col style={{width:'50%'}} />
        <col style={{width:'25%'}} /> 
    </colgroup>
    <TableRow>
        <TableCell>col1/TableCell>
        <TableCell>col2</TableCell>
        <TableCell>col3</TableCell>
        <TableCell>col4</TableCell>
    </TableRow>
</Table>