diff --git a/src/components/NavigationContent/NavigationContent.tsx b/src/components/NavigationContent/NavigationContent.tsx
index 46f4c6b..2b8fe7c 100644
--- a/src/components/NavigationContent/NavigationContent.tsx
+++ b/src/components/NavigationContent/NavigationContent.tsx
@@ -445,7 +445,19 @@ const NavigationContent: React.FC = () => {
         <Stack direction="column" alignItems="flex-start" spacing={0.5}>
           <Logo height={42} />
           {process.env.NODE_ENV === "production" && (
-            <Typography variant="caption" sx={{ fontWeight: 600, color: "text.secondary" }}>
+            <Typography
+              variant="body2"
+              sx={{
+                fontWeight: 700,
+                color: "warning.dark",
+                bgcolor: "warning.light",
+                px: 1,
+                py: 0.5,
+                borderRadius: 1,
+                border: "1px solid",
+                borderColor: "warning.main",
+              }}
+            >
               正式服務器 Production Server
             </Typography>
           )}