Markdown inline preview of table cursor is off

[fbarre96]

When a table is rendered like this:

Name	CommentCommentCommentComment
Alice	Always involved in various communications
Bob	A good guy, who likes to communicate with Alice
Malroy	Not so nice guy. Tries to mess with the communication of Alice and Bob.

If the user click in the editor tab in the table header, the cursor position is off compared to what the user sees. The issue seems to stem from the table header size being different in the preview and in the text area. This can be visualized by selecting all the text in the table header.

Try it for yourself in any code sandbox given like (https://codesandbox.io/embed/react-md-editor-custom-toolbars-m2n10?fontsize=14&hidenavigation=1&theme=dark)

How can I fix this in the CSS please ?

Thanks