diff --git a/resources/js/components/charts/pie-chart.tsx b/resources/js/components/charts/pie-chart.tsx
index b4980d7..a1b8fa6 100644
--- a/resources/js/components/charts/pie-chart.tsx
+++ b/resources/js/components/charts/pie-chart.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import React, { useMemo } from "react"
-import { Pie, PieChart } from "recharts"
+import { LabelList, Pie, PieChart } from "recharts"
 
 import {
     Card,
@@ -71,7 +71,14 @@ export const CustomPieChart = React.memo(function CustomPieChart({
                             dataKey="total"
                             nameKey="name"
                             label
-                        />
+                        >
+                            <LabelList
+                                dataKey="name"
+                                className="fill-background font-medium"
+                                stroke="none"
+                                fontSize={12}
+                            />
+                        </Pie>
                     </PieChart>
                 </ChartContainer>
             </CardContent>