From d667638c1c501618fa68b3ec162502484230bf54 Mon Sep 17 00:00:00 2001
From: wibus-wee <62133302+wibus-wee@users.noreply.github.com>
Date: Thu, 27 Aug 2026 12:23:09 +0000
Subject: [PATCH] fix(components): preserve heatmap cell rings

Model: gpt-5
---
 .../src/components/settings/usage-calendar-visualization.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/components/settings/usage-calendar-visualization.tsx b/packages/components/src/components/settings/usage-calendar-visualization.tsx
index 84925a373..17d77c0a2 100644
--- a/packages/components/src/components/settings/usage-calendar-visualization.tsx
+++ b/packages/components/src/components/settings/usage-calendar-visualization.tsx
@@ -1390,7 +1390,7 @@ function UsageHeatmap({
 
         <div ref={scrollerRef} className="scrollbar-pro min-w-0 flex-1 overflow-x-auto pb-1">
           <div
-            className="min-w-[var(--usage-heatmap-min-track-width)] @[672px]:min-w-0"
+            className="min-w-[var(--usage-heatmap-min-track-width)] px-0.5 @[672px]:min-w-0"
             style={
               {
                 '--usage-heatmap-min-track-width': `${HEATMAP_MIN_TRACK_WIDTH}px`,