diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/general.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/general.tsx
index 8034c9d45f..27dd165284 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/general.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/general.tsx
@@ -319,20 +319,28 @@ const FontSizeSettings = () => {
       const size = fontSize[0];
       editorSettingService.editorSetting.set('fontSize', size);
       // Update CSS variable immediately
-      document.documentElement.style.setProperty('--affine-font-base', `${size}px`);
+      document.documentElement.style.setProperty(
+        '--affine-font-base',
+        `${size}px`
+      );
     },
     [editorSettingService.editorSetting]
   );
 
   // Apply current font size to CSS variable on mount
   useEffect(() => {
-    document.documentElement.style.setProperty('--affine-font-base', `${settings.fontSize}px`);
+    document.documentElement.style.setProperty(
+      '--affine-font-base',
+      `${settings.fontSize}px`
+    );
   }, [settings.fontSize]);
 
   return (
     <SettingRow
       name={t['com.affine.settings.editorSettings.general.font-size.title']()}
-      desc={t['com.affine.settings.editorSettings.general.font-size.description']()}
+      desc={t[
+        'com.affine.settings.editorSettings.general.font-size.description'
+      ]()}
     >
       <div className={styles.fontSizeContainer}>
         <Slider