1 files changed, 4 insertions, 2 deletions
diff --git a/extension/react-app/src/components/EditableDiv.tsx b/extension/react-app/src/components/EditableDiv.tsx
index a86bd692..1c295843 100644
--- a/extension/react-app/src/components/EditableDiv.tsx
+++ b/extension/react-app/src/components/EditableDiv.tsx
@@ -5,12 +5,13 @@ import {
   secondaryDark,
   vscForeground,
 } from ".";
+import { getFontSize } from "../util";
 
-const Div = styled.div`
+const Div = styled.div<{ fontSize?: number }>`
   resize: none;
 
   padding: 8px;
-  font-size: 13px;
+  font-size: ${(props) => props.fontSize || getFontSize()}px;
   font-family: inherit;
   border-radius: ${defaultBorderRadius};
   margin: 8px auto;
@@ -45,6 +46,7 @@ interface EditableDivProps {
 function EditableDiv(props: EditableDivProps) {
   return (
     <Div
+      fontSize={getFontSize()}
       suppressContentEditableWarning={true}
       contentEditable={true}
       onChange={(e) => {