From ef1da5d5ded00d4b739c2a6163cce9df5dc73583 Mon Sep 17 00:00:00 2001
From: mabashian <mabashia@redhat.com>
Date: Tue, 17 Nov 2020 17:05:49 -0500
Subject: [PATCH] Wrap status label in a div so that it doesn't vertically
 stretch with it's parent.

---
 .../WorkflowApprovalList/WorkflowApprovalListItem.jsx     | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.jsx b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.jsx
index 6f49920635..085cc33ba2 100644
--- a/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.jsx
+++ b/awx/ui_next/src/screens/WorkflowApproval/WorkflowApprovalList/WorkflowApprovalListItem.jsx
@@ -76,12 +76,12 @@ function WorkflowApprovalListItem({
         />
         <DataListItemCells
           dataListCells={[
-            <DataListCell key="title" id={labelId}>
+            <DataListCell key="title">
               <Link to={`${detailUrl}`}>
                 <b>{workflowApproval.name}</b>
               </Link>
             </DataListCell>,
-            <DataListCell key="job" id={labelId}>
+            <DataListCell key="job">
               <>
                 <JobLabel>{i18n._(t`Job`)}</JobLabel>
                 {workflowJob && workflowJob?.id ? (
@@ -93,7 +93,9 @@ function WorkflowApprovalListItem({
                 )}
               </>
             </DataListCell>,
-            <StatusCell key="status">{getStatus()}</StatusCell>,
+            <StatusCell key="status">
+              <div>{getStatus()}</div>
+            </StatusCell>,
           ]}
         />
       </DataListItemRow>