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)" />