diff --git a/src/views/Dashboard/Components/index.js b/src/views/Dashboard/Components/index.js
index ab99df1..68afd54 100644
--- a/src/views/Dashboard/Components/index.js
+++ b/src/views/Dashboard/Components/index.js
@@ -106,7 +106,7 @@ export const HealthByBudget = ({status}) => {
     let bgColor = '#52AC0B'; // on-budget
     if (status && status !== '-') {
         if (status === 'warning') bgColor = '#ED7014';
-        else if (status === 'danger') bgColor = '#D0312D';
+        else if (status === 'overrun') bgColor = '#D0312D';
     }
     return (
         <div style={{backgroundColor: bgColor, color: '#FFFFFF', padding: 5, borderRadius: 10, marginBottom: 10, minHeight: 25}}>
diff --git a/src/views/Dashboard/DashboardBOD.js b/src/views/Dashboard/DashboardBOD.js
index 9f8c8f7..fff92ef 100644
--- a/src/views/Dashboard/DashboardBOD.js
+++ b/src/views/Dashboard/DashboardBOD.js
@@ -347,7 +347,7 @@ const DashboardBOD = () => {
 						"invoice": item.invoice?.invoiced ? toRupiah(item.invoice.invoiced) : '-',
 						"cash_in": item.invoice?.paid ? toRupiah(item.invoice.paid) : '-',
 						"outstanding_balance": outstanding_balance,
-						"budget": <HealthByBudget status {...item.budget_health} />,
+						"budget": <HealthByBudget status={item.budget_health} />,
 						"schedule": <HealthBySchedule status={statusHealthBySchedule} />
 					})
 				});