Highlights don't match up with text

[ftzdomino]

The div/span that display the backgrounded highlighted text are 16px/medium in Chrome's default user agent stylesheet. They inherit from this from table. This can be fixed to match the .ant-input font-size of 12px via the following diff:

diff --git a/src/components/TextEditor.js b/src/components/TextEditor.js
index ac50572..6fedea1 100644
--- a/src/components/TextEditor.js
+++ b/src/components/TextEditor.js
@@ -14,6 +14,7 @@ const styles = {
     pointerEvents: 'none',
     padding: '5px 8px',
     whiteSpace: 'pre',
+    fontSize: '12px'
   },
   zeroPos: {
     position: 'absolute',