diff --git a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html
index b0d187a42e..13515095f8 100644
--- a/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html
+++ b/awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.partial.html
@@ -13,8 +13,8 @@
             <div class="JobResultsStdOut-lineNumberColumn">
                 {{line.end_line}}
             </div>
-            <div class="JobResultsStdOut-stdoutColumn">
-                {{line.stdout}}
+            <div class="JobResultsStdOut-stdoutColumn" ng-bind-html="line.stdout">
+                <!-- {{line.stdout}} -->
             </div>
         </div>
     </div>
diff --git a/awx/ui/client/src/job-results/parse-stdout.service.js b/awx/ui/client/src/job-results/parse-stdout.service.js
index 7580c17219..482aa33812 100644
--- a/awx/ui/client/src/job-results/parse-stdout.service.js
+++ b/awx/ui/client/src/job-results/parse-stdout.service.js
@@ -11,7 +11,13 @@ export default [function(){
             // that i'm currently seeing on this branch on the beginning
             // and end of each event string. In the future it could be
             // used to add styling classes to the actual lines of stdout
-            return line.replace(/rn/g, '');
+            line = line.replace(/rn/g, '\r\n');
+            line = line.replace(/u001b/g, '');
+            line = line.replace(/\[0;32m/g, '<span class="ansi33">');
+            line = line.replace(/\[0;32m=/g, '<span class="ansi32">');
+            line = line.replace(/\[0;32m1/g, '<span class="ansi36">');
+            line = line.replace(/\[0m/g, '</span>');
+            return line;
         },
         parseStdout: function(event){
             // this object will be used by the ng-repeat in the