diff --git a/web/public/locales/en/common.json b/web/public/locales/en/common.json
index 13d1441e8..82548a2cb 100644
--- a/web/public/locales/en/common.json
+++ b/web/public/locales/en/common.json
@@ -153,6 +153,7 @@
       "fi": "Suomi (Finnish)",
       "da": "Dansk (Danish)",
       "sk": "Slovenčina (Slovak)",
+      "yue": "粵語 (Cantonese)",
       "withSystem": {
         "label": "Use the system settings for language"
       }
diff --git a/web/src/components/menu/GeneralSettings.tsx b/web/src/components/menu/GeneralSettings.tsx
index 11a3f2ed4..f0c55f659 100644
--- a/web/src/components/menu/GeneralSettings.tsx
+++ b/web/src/components/menu/GeneralSettings.tsx
@@ -79,11 +79,14 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
     { code: "en", label: t("menu.language.en") },
     { code: "es", label: t("menu.language.es") },
     { code: "fr", label: t("menu.language.fr") },
-    { code: "zh-CN", label: t("menu.language.zhCN") },
-    { code: "tr", label: t("menu.language.tr") },
+    { code: "de", label: t("menu.language.de") },
+    { code: "it", label: t("menu.language.it") },
     { code: "nl", label: t("menu.language.nl") },
     { code: "nb-NO", label: t("menu.language.nb") },
+    { code: "tr", label: t("menu.language.tr") },
     { code: "pl", label: t("menu.language.pl") },
+    { code: "zh-CN", label: t("menu.language.zhCN") },
+    { code: "yue-Hant", label: t("menu.language.yue") },
     { code: "ru", label: t("menu.language.ru") },
   ];
 
diff --git a/web/src/hooks/use-date-locale.ts b/web/src/hooks/use-date-locale.ts
index 9e69a3713..4e51448fa 100644
--- a/web/src/hooks/use-date-locale.ts
+++ b/web/src/hooks/use-date-locale.ts
@@ -31,6 +31,8 @@ const localeMap: Record<string, () => Promise<Locale>> = {
   fi: () => import("date-fns/locale/fi").then((module) => module.fi),
   da: () => import("date-fns/locale/da").then((module) => module.da),
   sk: () => import("date-fns/locale/sk").then((module) => module.sk),
+  "yue-Hant": () =>
+    import("date-fns/locale/zh-HK").then((module) => module.zhHK),
 };
 
 export function useDateLocale(): Locale {