diff --git a/web/src/containers/status/Item.jsx b/web/src/containers/status/Item.jsx
index 5a28c4fd28..65bceb0b6e 100644
--- a/web/src/containers/status/Item.jsx
+++ b/web/src/containers/status/Item.jsx
@@ -279,8 +279,14 @@ class Item extends React.Component {
           className = ' zuul-change-row-line'
         }
       }
+      let lineStyle = {}
+      if (i === item._tree_index ||
+          item._tree_branches.indexOf(i) !== -1) {
+        // Icon or line image: leave a gap
+        lineStyle = {backgroundPositionY: '15px'}
+      }
       row.push(
-        <td key={i} className={'zuul-change-row' + className}>
+        <td key={i} className={'zuul-change-row' + className} style={lineStyle}>
           {i === item._tree_index ? this.renderStatusIcon(item) : ''}
           {item._tree_branches.indexOf(i) !== -1 ? (
             this.renderLineImg(item, i)) : ''}
diff --git a/web/src/index.css b/web/src/index.css
index c86f280b0b..6fc374f7f9 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -343,12 +343,10 @@ a.refresh {
 
 .zuul-change-row-line {
     background: linear-gradient(#000, #000) no-repeat center/2px 100%;
-    background-position-y: 15px;
 }
 
 .zuul-change-row-line-dark {
     background: linear-gradient(#fff, #fff) no-repeat center/2px 100%;
-    background-position-y: 15px;
 }
 
 .progress-bar-animated {