diff --git a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalList.js b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalList.js
index 020acbed7c..cc4e15af0b 100644
--- a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalList.js
+++ b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalList.js
@@ -45,12 +45,8 @@ function WorkflowApprovalsList() {
         WorkflowApprovalsAPI.read(params),
         WorkflowApprovalsAPI.readOptions(),
       ]);
-      const dataWithModifiedName = response.data.results.map((i) => {
-        i.name = `${i.summary_fields.source_workflow_job.id} - ${i.name}`;
-        return i;
-      });
       return {
-        results: dataWithModifiedName,
+        results: response.data.results,
         count: response.data.count,
         relatedSearchableKeys: (
           actionsResponse?.data?.related_search_fields || []
diff --git a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.js b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.js
index c475c468c8..1c7c11e966 100644
--- a/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.js
+++ b/awx/ui/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.js
@@ -21,7 +21,6 @@ function WorkflowApprovalListItem({
 }) {
   const labelId = `check-action-${workflowApproval.id}`;
   const workflowJob = workflowApproval?.summary_fields?.source_workflow_job;
-
   return (
     <Tr id={`workflow-approval-row-${workflowApproval.id}`}>
       <Td
@@ -34,7 +33,15 @@ function WorkflowApprovalListItem({
       />
       <Td id={labelId} dataLabel={t`Name`}>
         <Link to={`${detailUrl}`}>
-          <b>{workflowApproval.name}</b>
+          {workflowJob && workflowJob?.id ? (
+            <Link to={`/jobs/workflow/${workflowJob?.id}`}>
+              <b>{`${workflowJob?.id} - ${workflowApproval?.name}`}</b>
+            </Link>
+          ) : (
+            <b>
+              {t`Deleted`} {`- ${workflowApproval?.name}`}
+            </b>
+          )}
         </Link>
       </Td>
       <Td>