Merge pull request 'Progress Bar Misalignment in Project Widgets on Dashboard' (#497) from Kartik_Bug_V1#1539 into Issues_Oct_4W_V1

Reviewed-on: #497
Merged

src/components/Dashboard/ExpenseByProject.jsx

@@ -64,6 +64,12 @@ const ExpenseByProject = () => {
       categories: chartData.categories,
       labels: { style: { fontSize: "12px" }, rotate: -45 },
     },
+    yaxis: {
+      labels: {
+        formatter: (val) => formatCurrency(val),
+        style: { fontSize: "12px", colors: "#555" },
+      },
+    },
     tooltip: {
       y: {
         formatter: (val) => `${formatCurrency(val)} (${getSelectedTypeName()})`,

src/components/Dashboard/ProjectCompletionChart.jsx

@@ -24,7 +24,7 @@ const ProjectCompletionChart = () => {
           <p className="card-subtitle">Projects Completion Status</p>
         </div>
       </div>
-      <div className="card-body">
+      <div className="card-body ms-n7">
         <HorizontalBarChart
           categories={projectNames}
           seriesData={projectProgress}