diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
index 77ed8d2dab..1573d49ab0 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.js
@@ -120,6 +120,7 @@ function JobDetail({ job }) {
   return (
     <CardBody>
       <DetailList>
+        <Detail label={t`Job ID`} value={job.id} />
         <Detail
           fullWidth={Boolean(job.job_explanation)}
           label={t`Status`}
diff --git a/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js b/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
index 2f412149b3..e81084626f 100644
--- a/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
+++ b/awx/ui/src/screens/Job/JobDetail/JobDetail.test.js
@@ -46,6 +46,7 @@ describe('<JobDetail />', () => {
     );
 
     // StatusIcon adds visibly hidden accessibility text " successful "
+    assertDetail('Job ID', '2');
     assertDetail('Status', ' successful Successful');
     assertDetail('Started', '8/8/2019, 7:24:18 PM');
     assertDetail('Finished', '8/8/2019, 7:24:50 PM');