diff --git a/src/components/dashboard-content.tsx b/src/components/dashboard-content.tsx
index 9fcefe8..5665640 100644
--- a/src/components/dashboard-content.tsx
+++ b/src/components/dashboard-content.tsx
@@ -76,8 +76,6 @@ export function DashboardContent() {
 						title="Surat Minggu Ini"
 						value={stats.weeklyService}
 						detail="Total surat diajukan"
-						trend="0%"
-						trendValue={0}
 						icon={<FileText style={{ width: "70%", height: "70%" }} />}
 					/>
 				</Grid.Col>
@@ -94,8 +92,6 @@ export function DashboardContent() {
 						title="Layanan Selesai"
 						value={stats.complaints.selesai}
 						detail="Total diselesaikan"
-						trend="+0%"
-						trendValue={0}
 						icon={<CheckCircle style={{ width: "70%", height: "70%" }} />}
 					/>
 				</Grid.Col>
diff --git a/src/components/dashboard/chart-surat.tsx b/src/components/dashboard/chart-surat.tsx
index a16ece8..18b1535 100644
--- a/src/components/dashboard/chart-surat.tsx
+++ b/src/components/dashboard/chart-surat.tsx
@@ -36,13 +36,16 @@ export function ChartSurat() {
 		async function fetchTrends() {
 			try {
 				const res = await apiClient.GET("/api/complaint/service-trends");
+				console.log("Service trends response:", res);
 				if (res.data?.data) {
-					setData(
-						(res.data.data as { month: string; count: number }[]).map((d) => ({
-							month: d.month,
-							value: Number(d.count),
-						})),
-					);
+					const chartData = (res.data.data as { month: string; count: number }[]).map((d) => ({
+						month: d.month,
+						value: Number(d.count),
+					}));
+					console.log("Mapped chart data:", chartData);
+					setData(chartData);
+				} else {
+					console.log("No data in response");
 				}
 			} catch (error) {
 				console.error("Failed to fetch service trends", error);