diff --git a/src/webportal/src/app/job/job-view/fabric/job-detail/components/task-role-filter.jsx b/src/webportal/src/app/job/job-view/fabric/job-detail/components/task-role-filter.jsx
index 6428d88822..d0afbcb773 100644
--- a/src/webportal/src/app/job/job-view/fabric/job-detail/components/task-role-filter.jsx
+++ b/src/webportal/src/app/job/job-view/fabric/job-detail/components/task-role-filter.jsx
@@ -41,16 +41,26 @@ class TaskRoleFilter {
           containerIp,
           containerId,
         }) =>
-          (taskState && capitalize(taskState).indexOf(keyword) > -1) ||
+          (taskState &&
+            taskState.toLowerCase().indexOf(keyword.toLowerCase()) > -1) ||
           (containerExitSpec &&
             containerExitSpec.type &&
-            containerExitSpec.type.indexOf(keyword) > -1) ||
+            containerExitSpec.type
+              .toLowerCase()
+              .indexOf(keyword.toLowerCase()) > -1) ||
           (containerExitSpec &&
             containerExitSpec.code !== undefined &&
-            containerExitSpec.code.toString().indexOf(keyword) > -1) ||
-          (containerNodeName && containerNodeName.indexOf(keyword) > -1) ||
-          (containerIp && containerIp.indexOf(keyword) > -1) ||
-          (containerId && containerId.indexOf(keyword) > -1),
+            containerExitSpec.code
+              .toString()
+              .toLowerCase()
+              .indexOf(keyword.toLowerCase()) > -1) ||
+          (containerNodeName &&
+            containerNodeName.toLowerCase().indexOf(keyword.toLowerCase()) >
+              -1) ||
+          (containerIp &&
+            containerIp.toLowerCase().indexOf(keyword.toLowerCase()) > -1) ||
+          (containerId &&
+            containerId.toLowerCase().indexOf(keyword.toLowerCase()) > -1),
       );
     }
     if (!isEmpty(exitType)) {