fix lint

Author: nigelpurvis

src/frontend/src/pages/FinancePage/FinanceComponents/PieChart.tsx

@@ -5,7 +5,6 @@ import ArrowDropUp from '@mui/icons-material/ArrowDropUp';
 import PlayArrowIcon from '@mui/icons-material/PlayArrow';
 import { Box } from '@mui/system';
 import { Button, List, ListItem, Typography } from '@mui/material';
-import zIndex from '@mui/material/styles/zIndex';
 
 interface FinancePieChartProps {
   totalBalance: number;
@@ -232,7 +231,7 @@ const FinancePieChart: React.FC<FinancePieChartProps> = ({
                 />
               </Pie>
               <Tooltip
-                wrapperStyle={{ zIndex: 10 }}
+                wrapperStyle={{ zIndex: 10 }} // added z index to make the div pop up in front of the legend items
                 contentStyle={{
                   backgroundColor: '#333',
                   color: '#fff',