From 2b06d9afdf56474ebf64c38fc863d40b8ef19e6f Mon Sep 17 00:00:00 2001
From: Chris Wanstrath <chris@ozmm.org>
Date: Sun, 1 Mar 2026 10:15:56 -0800
Subject: [PATCH] fix

---
 apps/metrics/20260130-000000/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/metrics/20260130-000000/index.tsx b/apps/metrics/20260130-000000/index.tsx
index dd2dde9..7282486 100644
--- a/apps/metrics/20260130-000000/index.tsx
+++ b/apps/metrics/20260130-000000/index.tsx
@@ -429,6 +429,10 @@ const GaugesCard = define('GaugesCard', {
   flexDirection: 'column',
   alignItems: 'center',
   gap: '8px',
+  background: theme('colors-bgElement'),
+  border: `1px solid ${theme('colors-border')}`,
+  borderRadius: theme('radius-md'),
+  padding: '24px',
 })
 
 const GaugesGrid = define('GaugesGrid', {
@@ -587,7 +591,7 @@ function renderGauge(value: number, id: string) {
   return (
     <GaugesCard>
       <GaugeLabel>{id}</GaugeLabel>
-      <svg id={`gauge-${id}`} viewBox="10 10 100 55" width="140" height="80">
+      <svg id={`gauge-${id}`} viewBox="10 10 100 55" width="140" height="80" style="overflow: visible">
         {segments}
         <polygon data-needle points={`${nx},${ny} ${bx1},${by1} ${bx2},${by2}`} fill="var(--colors-text)" />
         <circle cx={G_CX} cy={G_CY} r="4" fill="var(--colors-textMuted)" />