From ce0c34d014983f192e23a23da8fce70f513a094a Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Tue, 7 Apr 2026 11:14:04 +0530
Subject: [PATCH] labels with proper formatting

---
 src/components/HistoryChart.tsx | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/HistoryChart.tsx b/src/components/HistoryChart.tsx
index f61b102..3a848fd 100644
--- a/src/components/HistoryChart.tsx
+++ b/src/components/HistoryChart.tsx
@@ -254,18 +254,21 @@ export default function HistoryChart({
                     {formatLabel(point.id, activeDataKey)}
                   </Typography>
 
-                  {comparison && point.compareLabel && activeDataKey !== "daily" && (
-                    <Typography
-                      variant="caption"
-                      sx={{
-                        fontSize: "0.7rem",
-                        opacity: 0.7,
-                        color: "grey.400",
-                      }}
-                    >
-                      {formatLabel(point.compareLabel, activeDataKey)}
-                    </Typography>
-                  )}
+                  <Typography
+                    variant="caption"
+                    sx={{
+                      fontSize: "0.65rem",
+                      color: "grey.400",
+                      visibility:
+                        comparison && point.compareLabel && activeDataKey !== "daily"
+                          ? "visible"
+                          : "hidden"
+                    }}
+                  >
+                    {point.compareLabel
+                      ? formatLabel(point.compareLabel, activeDataKey)
+                      : "placeholder"}
+                  </Typography>
                 </Box>
               </Box>
             );