In my current setup of a material UI table, I have applied a 1-pixel thickness to all elements. This leads to a slightly thicker appearance at the points where two cells meet compared to the outer edges.
How can I achieve a consistent border width of 1px all around?
<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>