diff --git a/awx/ui/client/features/output/output.strings.js b/awx/ui/client/features/output/output.strings.js
index 982070837e..822bb61dd1 100644
--- a/awx/ui/client/features/output/output.strings.js
+++ b/awx/ui/client/features/output/output.strings.js
@@ -17,12 +17,15 @@ function OutputStrings (BaseString) {
         ARTIFACTS: t.s('Read-only view of artifacts added to the job template'),
         CANCEL: t.s('Cancel'),
         COLLAPSE_OUTPUT: t.s('Collapse Output'),
+        CREDENTIAL: t.s('View the Credential'),
+        DETAILS: t.s('Click for details'),
         DELETE: t.s('Delete'),
         DOWNLOAD_OUTPUT: t.s('Download Output'),
-        CREDENTIAL: t.s('View the Credential'),
+        EVENT_ID: t.s('Event ID:'),
         EXPAND_OUTPUT: t.s('Expand Output'),
         EXTRA_VARS: t.s('Read-only view of extra variables added to the job template'),
         HOST_LIMIT: t.s('When this field is true, the job\'s inventory belongs to an organization that has exceeded it\'s limit of hosts as defined by the system administrator.'),
+        HOST_STATUS: t.s('Status:'),
         INVENTORY: t.s('View the Inventory'),
         INVENTORY_SCM: t.s('View the Project'),
         INVENTORY_SCM_JOB: t.s('View Project checkout results'),
diff --git a/awx/ui/client/features/output/render.service.js b/awx/ui/client/features/output/render.service.js
index 8598d6ba3e..0655dd0c71 100644
--- a/awx/ui/client/features/output/render.service.js
+++ b/awx/ui/client/features/output/render.service.js
@@ -35,7 +35,7 @@ const hasAnsi = input => re.test(input);
 
 let $scope;
 
-function JobRenderService ($q, $compile, $sce, $window) {
+function JobRenderService ($q, $compile, $sce, $window, strings) {
     this.init = (_$scope_, { toggles }) => {
         $scope = _$scope_;
         this.setScope();
@@ -132,7 +132,7 @@ function JobRenderService ($q, $compile, $sce, $window) {
             return { html: '', count: 0 };
         }
 
-        const html = this.buildRowHTML(this.records[uuid]);
+        const html = this.buildRowHTML(this.records[uuid], null, null, event);
         const count = 1;
 
         return { html, count };
@@ -193,7 +193,7 @@ function JobRenderService ($q, $compile, $sce, $window) {
             return { html: '', count: 0 };
         }
 
-        const html = this.buildRowHTML(this.records[uuid]);
+        const html = this.buildRowHTML(this.records[uuid], null, null, event);
         const count = 1;
 
         return { html, count };
@@ -226,10 +226,10 @@ function JobRenderService ($q, $compile, $sce, $window) {
             const line = lines[i];
             const isLastLine = i === lines.length - 1;
 
-            let row = this.buildRowHTML(record, ln, line);
+            let row = this.buildRowHTML(record, ln, line, event);
 
             if (record && record.isTruncated && isLastLine) {
-                row += this.buildRowHTML(record);
+                row += this.buildRowHTML(record, null, null, event);
                 count++;
             }
 
@@ -340,14 +340,14 @@ function JobRenderService ($q, $compile, $sce, $window) {
         return list;
     };
 
-    this.buildRowHTML = (record, ln, content) => {
+    this.buildRowHTML = (record, ln, content, event) => {
         let id = '';
         let icon = '';
         let timestamp = '';
         let tdToggle = '';
         let tdEvent = '';
         let classList = '';
-        let directives = '';
+        let directives = `aw-tool-tip="${this.createToolTip(event, record)}" aw-tip-placement="top"`;
 
         if (record.isMissing) {
             return `<div id="${record.uuid}" class="at-Stdout-row">
@@ -403,16 +403,27 @@ function JobRenderService ($q, $compile, $sce, $window) {
 
         if (record && record.isClickable) {
             classList += ' at-Stdout-row--clickable';
-            directives = `ng-click="vm.showHostDetails('${record.id}', '${record.uuid}')"`;
+            directives += ` ng-click="vm.showHostDetails('${record.id}', '${record.uuid}')"
+            `;
         }
-
         return `
             <div id="${id}" class="at-Stdout-row ${classList}" ${directives}>
                 ${tdToggle}
                 <div class="at-Stdout-line">${ln}</div>
                 <div class="at-Stdout-event"><span ng-non-bindable>${content}</span></div>
                 <div class="at-Stdout-time">${timestamp}</div>
-            </div>`;
+            </div>
+        `;
+    };
+
+    this.createToolTip = (event, record) => {
+        const status = strings.get('tooltips.HOST_STATUS');
+        const eventID = strings.get('tooltips.EVENT_ID');
+        const clickForDetails = strings.get('tooltips.DETAILS');
+
+        return record.isClickable
+            ? `${status} ${event.event_display}<br />${eventID} ${event.id}<br />${clickForDetails}`
+            : `${status} ${event.event_display}<br />${eventID} ${event.id}`;
     };
 
     this.getTimestamp = created => {
@@ -608,6 +619,6 @@ function JobRenderService ($q, $compile, $sce, $window) {
     this.getCapacity = () => OUTPUT_EVENT_LIMIT - (this.getTailCounter() - this.getHeadCounter());
 }
 
-JobRenderService.$inject = ['$q', '$compile', '$sce', '$window'];
+JobRenderService.$inject = ['$q', '$compile', '$sce', '$window', 'OutputStrings'];
 
 export default JobRenderService;