diff --git a/src/components/reports/CategoryBarChart.tsx b/src/components/reports/CategoryBarChart.tsx
index 2b7da86..9e01f89 100644
--- a/src/components/reports/CategoryBarChart.tsx
+++ b/src/components/reports/CategoryBarChart.tsx
@@ -97,7 +97,7 @@ export default function CategoryBarChart({
               type="category"
               dataKey="category_name"
               width={120}
-              tick={{ fill: "var(--muted-foreground)", fontSize: 12 }}
+              tick={{ fill: "var(--foreground)", fontSize: 12 }}
               stroke="var(--border)"
             />
             <Tooltip
diff --git a/src/components/reports/CategoryOverTimeChart.tsx b/src/components/reports/CategoryOverTimeChart.tsx
index 40c85fb..cc1f9f2 100644
--- a/src/components/reports/CategoryOverTimeChart.tsx
+++ b/src/components/reports/CategoryOverTimeChart.tsx
@@ -134,6 +134,7 @@ export default function CategoryOverTimeChart({
               }}
               onMouseLeave={() => setHoveredCategory(null)}
               wrapperStyle={{ cursor: "pointer" }}
+              formatter={(value) => <span style={{ color: "var(--foreground)" }}>{value}</span>}
             />
             {categoryEntries.map((c) => (
               <Bar
diff --git a/src/services/reportService.ts b/src/services/reportService.ts
index c7783ca..c455f82 100644
--- a/src/services/reportService.ts
+++ b/src/services/reportService.ts
@@ -56,7 +56,7 @@ export async function getMonthlyTrends(
 export async function getCategoryOverTime(
   dateFrom?: string,
   dateTo?: string,
-  topN: number = 8,
+  topN: number = 50,
   sourceId?: number,
 ): Promise<CategoryOverTimeData> {
   const db = await getDb();