diff --git a/app/src/components/BarTimeline/index.ts b/app/src/components/BarTimeline/index.ts
index 46e43d4..3ff3416 100644
--- a/app/src/components/BarTimeline/index.ts
+++ b/app/src/components/BarTimeline/index.ts
@@ -181,6 +181,7 @@ export default class BarTimeline {
         } return '';
       })
       .classed(C.GRADIENT, (d, i) => (stepData.step_id >= tStopsMap.get(TS.GRADIENT)))
+      .classed('center', (d, i) => (stepData.step_id >= tStopsMap.get(TS.MOVE_REFS)))
       .style('width', (d, i) => {
         if (i === 0) return `${this.middleX}px`;
         return stepData.step_id >= tStopsMap.get(TS.MOVE_REFS)
diff --git a/app/src/components/BarTimeline/style.scss b/app/src/components/BarTimeline/style.scss
index dd6b2e2..13ad9b0 100644
--- a/app/src/components/BarTimeline/style.scss
+++ b/app/src/components/BarTimeline/style.scss
@@ -122,6 +122,10 @@
         opacity: 1;
       }
 
+      &.center.post{
+        margin-left: calc(#{$thickBorderWidth}/2);
+      }
+
       &.gradient {
         &.post{
           background-color:$colorYellow;