From b891bb63768ab5ec2f051c3ae038e179639dcc2c Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 10 Sep 2025 14:16:58 -0600
Subject: [PATCH] Update LegendDot.tsx

---
 .../ui/charts/BusterChartLegend/LegendDot.tsx       | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/ui/charts/BusterChartLegend/LegendDot.tsx b/apps/web/src/components/ui/charts/BusterChartLegend/LegendDot.tsx
index 51a1d0dbe..da68db2ff 100644
--- a/apps/web/src/components/ui/charts/BusterChartLegend/LegendDot.tsx
+++ b/apps/web/src/components/ui/charts/BusterChartLegend/LegendDot.tsx
@@ -9,8 +9,8 @@ const itemVariants = cva(
   {
     variants: {
       size: {
-        sm: 'w-2 h-3',
-        default: 'w-4.5 h-3',
+        sm: 'w-2 h-4',
+        default: 'w-4.5 h-4',
       },
     },
   }
@@ -23,9 +23,9 @@ const dotVariants = cva('bg-border transition-colors duration-100', {
       default: '',
     },
     type: {
-      bar: 'w-4.5 h-3 rounded-sm',
+      bar: 'w-4.5 h-4 rounded-sm',
       line: 'w-4.5 h-1 rounded-sm',
-      scatter: 'w-3 h-3 rounded-full',
+      scatter: 'w-3 h-4 rounded-full',
     },
   },
 
@@ -98,12 +98,11 @@ export const LegendItemDot: React.FC<
         >
           <div
             data-testid="focus-target"
-            className="focus-item group-hover:bg-item-hover flex h-full w-full items-center justify-center rounded-sm"
+            className="focus-item group-hover:bg-item-active flex h-full w-full items-center justify-center rounded-sm"
           >
             <div
               className={cn(
-                'flex h-full w-full items-center justify-center overflow-hidden',
-                size === 'sm' ? 'text2xs' : 'text2xs'
+                'flex h-full w-full items-center justify-center overflow-hidden text-[11px]'
               )}
             >
               <Target />