diff --git a/app/features/PieCharts/PieCharts.tsx b/app/features/PieCharts/PieCharts.tsx
index 9a2d766..4abe27b 100644
--- a/app/features/PieCharts/PieCharts.tsx
+++ b/app/features/PieCharts/PieCharts.tsx
@@ -47,7 +47,7 @@ const renderCustomizedLabel = ({
     </text>
   );
 };
-export const PieCharts = ({ data = defaultData }: IPieChartsProps) => {
+export default function PieCharts({ data = defaultData }: IPieChartsProps) {
   return (
     <Box className="pie-charts">
       <ResponsiveContainer width="100%" height="100%">
@@ -73,4 +73,4 @@ export const PieCharts = ({ data = defaultData }: IPieChartsProps) => {
       </ResponsiveContainer>
     </Box>
   );
-};
+}
diff --git a/app/features/TransactionsOverview/TransactionsOverview.tsx b/app/features/TransactionsOverview/TransactionsOverview.tsx
index 84e9b2b..ec755b5 100644
--- a/app/features/TransactionsOverview/TransactionsOverview.tsx
+++ b/app/features/TransactionsOverview/TransactionsOverview.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Box, Button, IconButton, Paper, Typography } from "@mui/material";
-import { PieCharts } from "../PieCharts/PieCharts";
+import PieCharts from "../PieCharts/PieCharts";
 
 import MoreVertIcon from "@mui/icons-material/MoreVert";
 import { type ITransactionsOverviewData } from "@/app/services/types";