diff --git a/apps/web/messages/en.json b/apps/web/messages/en.json
index b2affdec..5f84ed07 100644
--- a/apps/web/messages/en.json
+++ b/apps/web/messages/en.json
@@ -308,8 +308,7 @@
       "authorize": "Authorize",
       "reject": "Reject",
       "anomaly": "anomaly"
-    },
-    "anomaly": "anomaly"
+    }
   },
   "status": {
     "idle": "Idle",
diff --git a/apps/web/messages/zh-TW.json b/apps/web/messages/zh-TW.json
index 09d70909..5b75299b 100644
--- a/apps/web/messages/zh-TW.json
+++ b/apps/web/messages/zh-TW.json
@@ -309,8 +309,7 @@
       "authorize": "授權",
       "reject": "拒絕",
       "anomaly": "異常"
-    },
-    "anomaly": "異常"
+    }
   },
   "status": {
     "idle": "待命",
diff --git a/apps/web/src/components/charts/time-series-chart.tsx b/apps/web/src/components/charts/time-series-chart.tsx
index 3ceeb030..2094e871 100644
--- a/apps/web/src/components/charts/time-series-chart.tsx
+++ b/apps/web/src/components/charts/time-series-chart.tsx
@@ -166,7 +166,7 @@ export function TimeSeriesChart({
             <YAxis
               axisLine={false}
               tickLine={false}
-              tick={{ fill: '#6b7280', fontSize: 10, fontFamily: 'monospace' }}
+              tick={{ fill: '#6b7280', fontSize: 10, fontFamily: 'var(--font-mono)' }}
               width={28}
               tickFormatter={(value) => `${value}${unit ? unit : ''}`}
             />
diff --git a/apps/web/src/components/infra/host-grid.tsx b/apps/web/src/components/infra/host-grid.tsx
index 00b92102..90212f3a 100644
--- a/apps/web/src/components/infra/host-grid.tsx
+++ b/apps/web/src/components/infra/host-grid.tsx
@@ -64,7 +64,7 @@ export function HostGrid({ hosts }: HostGridProps) {
               <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 4 }}>
                 <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
                   <div style={{ width: 7, height: 7, borderRadius: '50%', background: '#22C55E', flexShrink: 0 }} />
-                  <span style={{ fontSize: 12, fontWeight: 700, color: '#141413', fontFamily: 'monospace' }}>
+                  <span style={{ fontSize: 12, fontWeight: 700, color: '#141413', fontFamily: 'var(--font-body), monospace' }}>
                     {host.hostname}
                   </span>
                 </div>
@@ -90,7 +90,7 @@ export function HostGrid({ hosts }: HostGridProps) {
                       background: svc.healthy ? '#22C55E' : '#cc2200',
                       flexShrink: 0,
                     }} />
-                    <span style={{ fontSize: 12, color: '#87867f', fontFamily: 'monospace' }}>
+                    <span style={{ fontSize: 12, color: '#87867f', fontFamily: 'var(--font-body), monospace' }}>
                       {svc.name}
                     </span>
                   </div>
diff --git a/apps/web/src/components/layout/sidebar.tsx b/apps/web/src/components/layout/sidebar.tsx
index f36dfb82..18ccc0ef 100644
--- a/apps/web/src/components/layout/sidebar.tsx
+++ b/apps/web/src/components/layout/sidebar.tsx
@@ -236,7 +236,7 @@ export function Sidebar({
                 letterSpacing: '1.5px',
                 textTransform: 'uppercase' as const,
                 padding: '8px 12px 3px',
-                fontFamily: 'monospace',
+                fontFamily: 'var(--font-body), monospace',
               }}>
                 {tSection(section.sectionKey)}
               </div>