diff --git a/frontend/src/components/dashboard/PieChart.jsx b/frontend/src/components/dashboard/PieChart.jsx
index 645137b..ca825bc 100644
--- a/frontend/src/components/dashboard/PieChart.jsx
+++ b/frontend/src/components/dashboard/PieChart.jsx
@@ -13,8 +13,8 @@ export function DonutChartGraph() {
         const completedTask = response.data.total_completed_tasks || 0;
 
         const donutData = [
-          { name: "Completed task", count: totalTask },
-          { name: "Total task", count: completedTask },
+          { name: "Completed task", count: completedTask },
+          { name: "Total task", count: totalTask },
         ];
 
         setDonutData(donutData);
diff --git a/frontend/src/components/kanbanBoard/taskCard.jsx b/frontend/src/components/kanbanBoard/taskCard.jsx
index 1a151c8..86a2036 100644
--- a/frontend/src/components/kanbanBoard/taskCard.jsx
+++ b/frontend/src/components/kanbanBoard/taskCard.jsx
@@ -60,7 +60,7 @@ export function TaskCard({ task, deleteTask, updateTask }) {
           setMouseIsOver(false);
         }}>
         <p
-          className="p-2.5 my-auto w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-xl shadow bg-white"
+          className={`p-2.5 my-auto w-full overflow-y-auto overflow-x-hidden whitespace-pre-wrap rounded-xl shadow bg-white`}
           onClick={() => document.getElementById(`task_detail_modal_${task.id}`).showModal()}>
           {task.content}
         </p>