diff --git a/web/src/components/cross-language-item-ui.tsx b/web/src/components/cross-language-item-ui.tsx
index 3fbf5430d8..1801c097e5 100644
--- a/web/src/components/cross-language-item-ui.tsx
+++ b/web/src/components/cross-language-item-ui.tsx
@@ -10,6 +10,7 @@ const Languages = [
   'German',
   'Japanese',
   'Korean',
+  'Vietnamese',
 ];
 
 const options = Languages.map((x) => ({ label: x, value: x }));
diff --git a/web/src/components/cross-language-item.tsx b/web/src/components/cross-language-item.tsx
index b02b6841a2..ef78c37b73 100644
--- a/web/src/components/cross-language-item.tsx
+++ b/web/src/components/cross-language-item.tsx
@@ -9,6 +9,7 @@ const Languages = [
   'German',
   'Japanese',
   'Korean',
+  'Vietnamese',
 ];
 
 const options = Languages.map((x) => ({ label: x, value: x }));