diff --git a/modules/openstack_project/files/zuul/status.html b/modules/openstack_project/files/zuul/status.html
index f74c9c173f..57fc8d8c62 100644
--- a/modules/openstack_project/files/zuul/status.html
+++ b/modules/openstack_project/files/zuul/status.html
@@ -91,6 +91,10 @@ td.tree {
 .change > .header > .time {
     float: right;
 }
+.jobwrapper {
+    display: table;
+    width: 100%;
+}
 .job {
     display: block;
     line-height: 1.5;
@@ -242,7 +246,7 @@ progress[aria-valuenow]:before  {
       Queue lengths: <span id="trigger_event_queue_length"></span> events,
       <span id="result_event_queue_length"></span> results.
       &nbsp;&nbsp;&nbsp;&nbsp;
-      Filter projects: 
+      Filter projects:
       <span class="projects_filter_container">
         <input type="text" id="projects_filter" />
         <!--
diff --git a/modules/openstack_project/files/zuul/status.js b/modules/openstack_project/files/zuul/status.js
index 86eb10e281..a9861c5190 100644
--- a/modules/openstack_project/files/zuul/status.js
+++ b/modules/openstack_project/files/zuul/status.js
@@ -269,7 +269,7 @@ function format_change(change, change_queue) {
         } else if (result == 'UNSTABLE') {
             result_class += " result_unstable";
         }
-        html += '<span class="job">';
+        html += '<span class="jobwrapper"><span class="job">';
         if (job['url'] !== null) {
             html += '<a href="'+job['url']+'">';
         }
@@ -287,7 +287,7 @@ function format_change(change, change_queue) {
         if (job['voting'] == false) {
             html += ' (non-voting)';
         }
-        html += '</span>';
+        html += '</span></span>';
     });
 
     html += '</div></div></td></tr>';