diff --git a/web/src/components/Settings/PreferencesSection.tsx b/web/src/components/Settings/PreferencesSection.tsx
index bb9294003..9937c2ec3 100644
--- a/web/src/components/Settings/PreferencesSection.tsx
+++ b/web/src/components/Settings/PreferencesSection.tsx
@@ -42,7 +42,7 @@ const PreferencesSection = observer(() => {
       </div>
 
       <div className="w-full flex flex-row justify-between items-center">
-        <span>{t("setting.preference-section.theme")}</span>
+        <span>{t("setting.preference-section.apperance")}</span>
         <AppearanceSelect value={setting.appearance as Appearance} onChange={handleAppearanceSelectChange} />
       </div>
 
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index db95b7db1..e904e46e6 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -310,6 +310,7 @@
     "preference-section": {
       "default-memo-sort-option": "Memo display time",
       "default-memo-visibility": "Default memo visibility",
+      "apperance": "Appearance",
       "theme": "Theme"
     },
     "sso": "SSO",