fix: profit axis width (#78)

Author: rajat2502

apps/predict-ui/src/components/ProfitOverTime/Chart.tsx

@@ -85,12 +85,12 @@ export const Chart = ({ currency = 'USD', data }: ChartProps) => {
           tickMargin={16}
         />
         <YAxis
+          width="auto"
           orientation="right"
           tickFormatter={(value) => `${currencySymbol}${value.toFixed(2)}`}
           tick={{ fill: COLOR.SECONDARY, fontSize: 14 }}
           axisLine={false}
           tickLine={false}
-          width={60}
           tickMargin={16}
         />
         <ChartTooltip currencySymbol={currencySymbol} />

apps/predict-ui/src/mocks/mockProfitOverTime.ts

@@ -6,7 +6,7 @@ const getRandomDeltaProfit = (numberOfPoints: number) =>
     date.setDate(date.getDate() - (numberOfPoints - 1 - i));
     return {
       timestamp: date.toISOString(),
-      delta_profit: parseFloat((Math.random() * 10 - 2).toFixed(2)),
+      delta_profit: parseFloat((Math.random() * 100 - 2).toFixed(2)),
     };
   });