diff --git a/web/src/components/cross-language-item-ui.tsx b/web/src/components/cross-language-item-ui.tsx
index 3fbf5430d..1801c097e 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 b02b6841a..ef78c37b7 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 }));