diff --git a/src/utils/projectStatus.js b/src/utils/projectStatus.js
index 771c6294..81ab08af 100644
--- a/src/utils/projectStatus.js
+++ b/src/utils/projectStatus.js
@@ -1,25 +1,32 @@
-export const ProjectStatus =(statusId)=>{
-    switch (statusId) {
-        case 1:
-            return "Active"
-            break;
-        case 2:
-            return "On Hold"
-            break;
-        // case 3:
-        //     return "Suspended"
-        //     break;
-        case 3:
-            return "Inactive"
-            break;
-        case 4:
-            return "Completed"
-            break;
-        default:
-            break;
-    }
-}
+export const getProjectStatusName = (statusId) => {
+  switch (statusId) {
+    case 1:
+      return "Active";
+    case 2:
+      return "On Hold";
+    // case 3:
+    //   return "Suspended";
+    case 3:
+      return "Inactive";
+    case 4:
+      return "Completed";
+  }
+};
 
+export const getProjectStatusColor = (statusId) => {
+  switch (statusId) {
+    case 1:
+      return "bg-label-success";
+    case 2:
+      return "bg-label-warning";
+    case 3:
+      return "bg-label-info";
+    case 4:
+      return "bg-label-secondary";
+    case 5:
+      return "bg-label-dark";
+  }
+};
 
 // for different color for each user
 export function hashString(str) {