Changing browser zoom level when there are pinned columns causes some cell borders to disappear

[zachintosh]

material-react-table version

3.2.1

react & react-dom versions

18+

Describe the bug and the steps to reproduce it

When you have pinned columns (at least on left, I didn't test right) and you change the browsers zoom level (ctrl and +/-), some of the cells in the pinned column will lose their bottom border. I believe it's just getting overlapped.

Confirmed that this happens in chromium based browsers. Have not tested other browsers.

You can replicate this on the documentation site's example page for pinned columns:

Minimal, Reproducible Example - (Optional, but Recommended)

None - Try this for yourself on the documentation site's example page.
https://www.material-react-table.com/docs/examples/column-pinning

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.