diff --git a/app/page.tsx b/app/page.tsx
index f223e3a..9e8143a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -755,9 +755,9 @@ export default function RecipeTranslationPage() {
                                                                         key={dish.id}
                                                                         className="flex flex-col gap-0.5 text-sm"
                                                                     >
-                                      <span className={dish.name.en ? "text-foreground" : "text-destructive"}>
-                                        {dish.name.zh}
-                                      </span>
+<span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
+                                         {dish.name.zh}
+                                       </span>
                                                                         {dish.name.en && (
                                                                             <span
                                                                                 className="text-xs text-muted-foreground">
@@ -788,7 +788,7 @@ export default function RecipeTranslationPage() {
                                                                     key={dish.id}
                                                                     className="flex flex-col gap-0.5"
                                                                 >
-                                    <span className={dish.name.en ? "text-foreground" : "text-destructive"}>
+                                    <span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
                                       {dish.name.zh}
                                     </span>
                                                                     {dish.name.en && (