From 9756f5a11788667c1d5d86d982ffe8f02610dd28 Mon Sep 17 00:00:00 2001
From: Nawaz Dhandala <hello@nawazdhandala.com>
Date: Wed, 1 Apr 2026 15:11:47 +0100
Subject: [PATCH] feat: update ChartGroup button styles for improved
 accessibility and visual consistency

---
 Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx b/Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx
index 970ccf93bb..07154b13d5 100644
--- a/Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx
+++ b/Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx
@@ -102,7 +102,7 @@ const ChartGroup: FunctionComponent<ComponentProps> = (
     return (
       <button
         type="button"
-        className="ml-2 inline-flex items-center text-gray-400 hover:text-gray-600 transition-colors"
+        className="ml-1.5 inline-flex items-center justify-center rounded-full w-5 h-5 text-gray-300 hover:text-gray-500 hover:bg-gray-100 transition-all duration-150"
         title="View metric details"
         onClick={() => {
           setMetricInfoModalChart(chart.metricInfo || null);
@@ -110,8 +110,8 @@ const ChartGroup: FunctionComponent<ComponentProps> = (
       >
         <Icon
           icon={IconProp.InformationCircle}
-          size={SizeProp.Small}
-          className="h-4 w-4"
+          size={SizeProp.Smaller}
+          className="h-3.5 w-3.5"
         />
       </button>
     );