diff --git a/awx/ui/static/js/helpers/JobDetail.js b/awx/ui/static/js/helpers/JobDetail.js
index 97a09ae8f6..039c90bc8c 100644
--- a/awx/ui/static/js/helpers/JobDetail.js
+++ b/awx/ui/static/js/helpers/JobDetail.js
@@ -1281,8 +1281,11 @@ export default
               });
 
             path.on('mousemove', function() {
-                tooltip.style('top', (d3.mouse(this)[0]+200) + 'px')
-                .style('left', (d3.mouse(this)[0]+200) + 'px');
+                // d3.mouse() gives the coordinates of hte mouse, then add
+                // some offset to provide breathing room for hte tooltip
+                // based on the dimensions of the donut
+                tooltip.style('top', (d3.mouse(this)[1] + (height/5) + 'px'))
+                .style('left', (d3.mouse(this)[0] + (width/3) + 'px'));
             });
 
           legend = svg.selectAll('.legend')
diff --git a/awx/ui/static/less/job-details.less b/awx/ui/static/less/job-details.less
index f95b6ec260..d24c9f22e8 100644
--- a/awx/ui/static/less/job-details.less
+++ b/awx/ui/static/less/job-details.less
@@ -510,7 +510,7 @@
             position: absolute;
             text-align: center;
             top: 85px;
-            width: 80px;
+            width: 100px;
             z-index: 10;
             color: white;
             background-color: black !important;