fix: centered the bar chart component

asyncapi · Jan 27, 2024 · 97372be · 97372be
1 parent 2335a6f
commit 97372be
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/FinancialSummary/BarChartComponent.js b/components/FinancialSummary/BarChartComponent.js
@@ -193,7 +193,8 @@ const BarChartComponent = () => {
 
                 </div>
                 {/* Recharts BarChart */}
-                <BarChart width={barWidth} height={barHeight} data={chartData}>
+               <div className='flex justify-center'> 
+               <BarChart width={barWidth} height={barHeight} data={chartData}>
                     <CartesianGrid strokeDasharray="3 3" />
                     <YAxis tickFormatter={(value) => `$${value}`} />
                     <Tooltip content={<CustomTooltip />} />
@@ -213,6 +214,7 @@ const BarChartComponent = () => {
                         }}
                     />
                 </BarChart>
+                </div>
                 {windowWidth < 900 ? <ExpensesCard data={Expenses} /> : null}
             </div>
         </div>