diff --git a/web/src/components/ComparisonChart.tsx b/web/src/components/ComparisonChart.tsx
index dc81c9cf..9789517d 100644
--- a/web/src/components/ComparisonChart.tsx
+++ b/web/src/components/ComparisonChart.tsx
@@ -269,14 +269,20 @@ export function ComparisonChart({ traders }: ComparisonChartProps) {
         <div
           style={{
             position: 'absolute',
-            top: '20px',
-            right: '20px',
-            fontSize: '24px',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '80%',
+            fontSize: 'min(20vw, 160px)',
             fontWeight: 'bold',
-            color: 'rgba(240, 185, 11, 0.15)',
+            color: 'rgba(240, 185, 11, 0.12)',
             zIndex: 10,
             pointerEvents: 'none',
             fontFamily: 'monospace',
+            textAlign: 'center',
+            letterSpacing: '0.4rem',
+            lineHeight: 1,
+            userSelect: 'none',
           }}
         >
           NOFX
diff --git a/web/src/components/EquityChart.tsx b/web/src/components/EquityChart.tsx
index 46ce49b0..4c547c1d 100644
--- a/web/src/components/EquityChart.tsx
+++ b/web/src/components/EquityChart.tsx
@@ -296,14 +296,20 @@ export function EquityChart({ traderId }: EquityChartProps) {
         <div
           style={{
             position: 'absolute',
-            top: '15px',
-            right: '15px',
-            fontSize: '20px',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '80%',
+            fontSize: 'min(20vw, 160px)',
             fontWeight: 'bold',
-            color: 'rgba(240, 185, 11, 0.15)',
+            color: 'rgba(240, 185, 11, 0.12)',
             zIndex: 10,
             pointerEvents: 'none',
             fontFamily: 'monospace',
+            textAlign: 'center',
+            letterSpacing: '0.4rem',
+            lineHeight: 1,
+            userSelect: 'none',
           }}
         >
           NOFX