diff --git a/awx/ui/client/features/output/host-event/host-event.service.js b/awx/ui/client/features/output/host-event/host-event.service.js
index 1e0588b329..4163cb2e95 100644
--- a/awx/ui/client/features/output/host-event/host-event.service.js
+++ b/awx/ui/client/features/output/host-event/host-event.service.js
@@ -66,15 +66,15 @@ function HostEventService (
             obj.class = 'HostEvent-status--failed';
             obj.status = 'failed';
         }
-        // catch the changed case before ok, because both can be true
+        if (event.event === 'runner_on_ok' || event.event === 'runner_on_async_ok') {
+          obj.class = 'HostEvent-status--ok';
+          obj.status = 'ok';
+        }
+        // if both 'changed' and 'ok' are true, show 'changed' status
         if (event.changed) {
             obj.class = 'HostEvent-status--changed';
             obj.status = 'changed';
         }
-        if (event.event === 'runner_on_ok' || event.event === 'runner_on_async_ok') {
-            obj.class = 'HostEvent-status--ok';
-            obj.status = 'ok';
-        }
         if (event.event === 'runner_on_skipped') {
             obj.class = 'HostEvent-status--skipped';
             obj.status = 'skipped';