Add y-offset

components/PieChart.tsx

@@ -74,11 +74,11 @@ export function PieSlices({ isLabel, ...props }: PieSlicesProps<PieChartData>) {
             />
             <text
               className={isLabel ? styles.labelText : styles.pieText}
-              x={centroidX}
-              y={centroidY}
+              x={isLabel ? centroidX : centroidX}
+              y={isLabel ? centroidY : centroidY + 10}
               textAnchor="middle"
             >
-              {isLabel ? `${arc.data.category}` : `${arc.data.value}%`}
+              {isLabel ? `${arc.data.category}` :  `${arc.data.value}%`}
             </text>
           </g>
         );

data/mocks.ts

@@ -43,10 +43,10 @@ export const mockPieData = [
   },
   {
     category: "Quail",
-    value: 38,
+    value: 48,
   },
   {
     category: "Cuckoo",
-    value: 20,
+    value: 10,
   },
 ];