diff --git a/modules/web/src/common/components/workloadstatus/component.ts b/modules/web/src/common/components/workloadstatus/component.ts
index e9c0e7924891..f4214ad6a243 100644
--- a/modules/web/src/common/components/workloadstatus/component.ts
+++ b/modules/web/src/common/components/workloadstatus/component.ts
@@ -40,13 +40,13 @@ export class WorkloadStatusComponent {
   size = [350, 250];
 
   getCustomColor(label: string): string {
-    if (label.includes($localize`Running`)) {
+    if (label.includes($localize`Running: ${''}`)) {
       return '#00c752';
-    } else if (label.includes($localize`Succeeded`)) {
+    } else if (label.includes($localize`Succeeded: ${''}`)) {
       return '#006028';
-    } else if (label.includes($localize`Pending`)) {
+    } else if (label.includes($localize`Pending: ${''}`)) {
       return '#ffad20';
-    } else if (label.includes($localize`Failed`)) {
+    } else if (label.includes($localize`Failed: ${''}`)) {
       return '#f00';
     }
     return '';