diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index ead6a5133..b80e8745e 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -2013,5 +2013,8 @@
   "settings_appearance": {
     "related_code_blocks": "Color scheme for code blocks in text notes",
     "related_code_notes": "Color scheme for code notes"
+  },
+  "units": {
+    "percentage": "%"
   }
 }
diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index f59f83259..dd9e9a9ef 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -204,7 +204,7 @@ function Font({ title, fontFamilyOption, fontSizeOption }: { title: string, font
                         name="tree-font-size"
                         type="number" min={50} max={200} step={10}
                         currentValue={fontSize} onChange={setFontSize}
-                        unit="%"
+                        unit={t("units.percentage")}
                     />
                 </Column>
             </div>            
diff --git a/apps/client/src/widgets/type_widgets/options/images.tsx b/apps/client/src/widgets/type_widgets/options/images.tsx
index 36126352e..7072a86b7 100644
--- a/apps/client/src/widgets/type_widgets/options/images.tsx
+++ b/apps/client/src/widgets/type_widgets/options/images.tsx
@@ -42,7 +42,7 @@ export default function ImageSettings() {
                 <FormTextBoxWithUnit
                     name="image-jpeg-quality"
                     min="10" max="100" type="number"
-                    unit="%"
+                    unit={t("units.percentage")}
                     currentValue={imageJpegQuality} onChange={setImageJpegQuality}
                 />
             </FormGroup>