diff --git a/awx/ui/static/js/helpers/JobDetail.js b/awx/ui/static/js/helpers/JobDetail.js
index efac9a1e0f..437e8a2918 100644
--- a/awx/ui/static/js/helpers/JobDetail.js
+++ b/awx/ui/static/js/helpers/JobDetail.js
@@ -947,7 +947,7 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
             newKeys = [],
             plays = JSON.parse(JSON.stringify(scope.jobData.plays)),
             keys = Object.keys(plays);
-        keys.reverse();
+        keys.sort().reverse();
         for (idx=0; idx < scope.playsMaxRows && idx < keys.length; idx++) {
             newKeys.push(keys[idx]);
         }
@@ -973,7 +973,7 @@ function($rootScope, $log, UpdatePlayStatus, UpdateHostStatus, AddHostResult, Ge
         if (scope.activePlay) {
             tasks = JSON.parse(JSON.stringify(scope.jobData.plays[scope.activePlay].tasks));
             keys = Object.keys(tasks);
-            keys.reverse();
+            keys.sort().reverse();
             newKeys = [];
             for (idx=0; result.length < scope.tasksMaxRows && idx < keys.length; idx++) {
                 newKeys.push(keys[idx]);
diff --git a/awx/ui/static/js/widgets/HostGraph.js b/awx/ui/static/js/widgets/HostGraph.js
index bd7c4eb171..06865ae83b 100644
--- a/awx/ui/static/js/widgets/HostGraph.js
+++ b/awx/ui/static/js/widgets/HostGraph.js
@@ -22,10 +22,10 @@ angular.module('HostGraphWidget', ['RestServices', 'Utilities'])
 
 
                 html = "<div class=\"graph-container\">\n";
-                        html +="<div class=\"row\">\n";
-                                html += "<div class=\"h6 col-lg-12 text-center\">Hosts vs License Agreement</div>\n";
-                                 html += "<div class=\"host-count-graph\"><svg></svg></div>\n";
-                        html += "</div>\n";
+                html +="<div class=\"row\">\n";
+                html += "<div class=\"h6 col-lg-12 text-center\">Hosts vs License Agreement</div>\n";
+                html += "<div class=\"host-count-graph\"><svg></svg></div>\n";
+                html += "</div>\n";
                 html += "</div>\n";
 
                 function makeHostCountGraph(){
diff --git a/awx/ui/static/js/widgets/JobStatusGraph.js b/awx/ui/static/js/widgets/JobStatusGraph.js
index 0a742c631d..6bacbae79d 100644
--- a/awx/ui/static/js/widgets/JobStatusGraph.js
+++ b/awx/ui/static/js/widgets/JobStatusGraph.js
@@ -21,10 +21,10 @@ angular.module('JobStatusGraphWidget', ['RestServices', 'Utilities'])
                     html, element;
 
                 html = "<div class=\"graph-container\">\n";
-                        html +="<div class=\"row\">\n";
-                                html += "<div class=\"h6 col-lg-12 text-center\">Job Status</div>\n";
-                                 html += "<div class=\"job-status-graph\"><svg></svg></div>\n";
-                        html += "</div>\n";
+                html +="<div class=\"row\">\n";
+                html += "<div class=\"h6 col-lg-12 text-center\">Job Status</div>\n";
+                html += "<div class=\"job-status-graph\"><svg></svg></div>\n";
+                html += "</div>\n";
                 html += "</div>\n";
 
 
@@ -98,7 +98,7 @@ angular.module('JobStatusGraphWidget', ['RestServices', 'Utilities'])
                 element.html(html);
                 $compile(element)(scope);
                 makeJobStatusGraph();
-               scope.$emit('WidgetLoaded');
+                scope.$emit('WidgetLoaded');
 
             };
         }