diff --git a/modules/openstack_project/files/zuul/status.html b/modules/openstack_project/files/zuul/status.html
index b1de3f39dc..7486afb4a8 100644
--- a/modules/openstack_project/files/zuul/status.html
+++ b/modules/openstack_project/files/zuul/status.html
@@ -94,6 +94,9 @@ td.tree {
 .change > .header > .time {
     float: right;
 }
+.change > .hover {
+    background: #F3FDFF;
+}
 .jobwrapper {
     display: table;
     width: 100%;
diff --git a/modules/openstack_project/files/zuul/status.js b/modules/openstack_project/files/zuul/status.js
index 73d9ebd192..6eaf517985 100644
--- a/modules/openstack_project/files/zuul/status.js
+++ b/modules/openstack_project/files/zuul/status.js
@@ -229,7 +229,10 @@ function format_change(change, change_queue) {
     }
 
     html += '<td class="change-container">';
-    html += '<div class="change" id="' + safe_id(change['id']) + '"><div class="header" onClick="toggle_display_jobs(this)">';
+    html += '<div class="change" id="' + safe_id(change['id']) + '">' +
+            '<div class="header" onClick="toggle_display_jobs(this)" ' +
+            'onmouseover="$(this).addClass(\'hover\')" ' +
+            'onmouseout="$(this).removeClass(\'hover\')">';
 
     html += '<span class="project">' + change['project'] + '</span>';
     var id = change['id'];