diff --git a/src/components/code-editor/hooks/useCodeEditorSettings.ts b/src/components/code-editor/hooks/useCodeEditorSettings.ts
index 5c9e151..639054d 100644
--- a/src/components/code-editor/hooks/useCodeEditorSettings.ts
+++ b/src/components/code-editor/hooks/useCodeEditorSettings.ts
@@ -28,7 +28,8 @@ const readWordWrap = () => {
 };
 
 const readFontSize = () => {
-  return localStorage.getItem(CODE_EDITOR_STORAGE_KEYS.fontSize) ?? CODE_EDITOR_DEFAULTS.fontSize;
+  const stored = localStorage.getItem(CODE_EDITOR_STORAGE_KEYS.fontSize);
+  return Number(stored ?? CODE_EDITOR_DEFAULTS.fontSize);
 };
 
 export const useCodeEditorSettings = () => {
diff --git a/src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx b/src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx
index 6a171cd..91d578b 100644
--- a/src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx
+++ b/src/components/code-editor/view/subcomponents/CodeEditorSurface.tsx
@@ -9,7 +9,7 @@ type CodeEditorSurfaceProps = {
   markdownPreview: boolean;
   isMarkdownFile: boolean;
   isDarkMode: boolean;
-  fontSize: string;
+  fontSize: number;
   showLineNumbers: boolean;
   extensions: Extension[];
 };