diff --git a/frontend/src/views/reports/ReportsView.vue b/frontend/src/views/reports/ReportsView.vue
index 6674c3a..8beee11 100644
--- a/frontend/src/views/reports/ReportsView.vue
+++ b/frontend/src/views/reports/ReportsView.vue
@@ -347,6 +347,13 @@ const spendingChartOptions = computed(() => ({
       dataPointMouseLeave: () => {
         highlightedCategory.value = null
       },
+      legendMouseOver: (_ctx: any, _opts: any, config: any) => {
+        const labels = spending.value?.categories.map(c => c.categoryName) ?? []
+        highlightedCategory.value = labels[config.seriesIndex] ?? null
+      },
+      legendMouseOut: () => {
+        highlightedCategory.value = null
+      },
     },
   },
   labels: spending.value?.categories.map(c => c.categoryName) ?? [],