diff --git a/components/settings/SettingsFontSize.vue b/components/settings/SettingsFontSize.vue
index 17419f09..91d5dfc0 100644
--- a/components/settings/SettingsFontSize.vue
+++ b/components/settings/SettingsFontSize.vue
@@ -9,7 +9,7 @@ const fontSize = useFontSizeRef()
 <template>
   <select v-model="fontSize">
     <option v-for="size in sizes" :key="size" :value="size" :selected="fontSize === size">
-      {{ `${size}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
+      {{ `${$t(`settings.interface.size_label.${size}`)}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
     </option>
   </select>
 </template>
diff --git a/locales/en-US.json b/locales/en-US.json
index b0a336a0..d514a804 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -248,7 +248,14 @@
       "default": " (default)",
       "font_size": "Font Size",
       "label": "Interface",
-      "light_mode": "Light Mode"
+      "light_mode": "Light Mode",
+      "size_label": {
+        "lg": "Large",
+        "md": "Medium",
+        "sm": "Small",
+        "xl": "Extra large",
+        "xs": "Extra small"
+      }
     },
     "language": {
       "display_language": "Display Language",