diff --git a/frontend/src/components/common/DataTable.vue b/frontend/src/components/common/DataTable.vue
index 34cafd8..ff8340b 100644
--- a/frontend/src/components/common/DataTable.vue
+++ b/frontend/src/components/common/DataTable.vue
@@ -1072,10 +1072,12 @@ const handleStatusButtonClick = (column, rowData) => {
 
 const getBadgeColor = (status) => {
 	switch (status?.toLowerCase()) {
+		case "paid":
 		case "completed":
 		case "open":
 		case "active":
 			return "success";
+		case "draft":
 		case "in progress":
 		case "pending":
 			return "warn";