diff --git a/src/components/reports/CategoryBarChart.tsx b/src/components/reports/CategoryBarChart.tsx
index 9e01f89..16fcdf1 100644
--- a/src/components/reports/CategoryBarChart.tsx
+++ b/src/components/reports/CategoryBarChart.tsx
@@ -107,7 +107,9 @@ export default function CategoryBarChart({
                 border: "1px solid var(--border)",
                 borderRadius: "8px",
                 color: "var(--foreground)",
+                boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
               }}
+              wrapperStyle={{ zIndex: 50 }}
               labelStyle={{ color: "var(--foreground)" }}
               itemStyle={{ color: "var(--foreground)" }}
             />
diff --git a/src/components/reports/CategoryOverTimeChart.tsx b/src/components/reports/CategoryOverTimeChart.tsx
index cc1f9f2..a8c8523 100644
--- a/src/components/reports/CategoryOverTimeChart.tsx
+++ b/src/components/reports/CategoryOverTimeChart.tsx
@@ -123,7 +123,9 @@ export default function CategoryOverTimeChart({
                 border: "1px solid var(--border)",
                 borderRadius: "8px",
                 color: "var(--foreground)",
+                boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
               }}
+              wrapperStyle={{ zIndex: 50 }}
               labelStyle={{ color: "var(--foreground)" }}
               itemStyle={{ color: "var(--foreground)" }}
               filterNull