From 342bf4694641bb9ea6e6445df8e41092e8a0238b Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 15 Mar 2026 13:33:10 +0100
Subject: [PATCH] fix: bar chart overflow by using scaleX instead of width
 percentage

---
 components/journeys/ColumnJourney.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/journeys/ColumnJourney.tsx b/components/journeys/ColumnJourney.tsx
index f759b29..1055950 100644
--- a/components/journeys/ColumnJourney.tsx
+++ b/components/journeys/ColumnJourney.tsx
@@ -183,11 +183,11 @@ function PageRow({
       `}
     >
       {/* Background bar */}
-      {!isOther && (
+      {!isOther && barWidth > 0 && (
         <div
-          className="absolute inset-y-1 left-1 rounded transition-all"
+          className="absolute inset-y-1 left-1 right-1 rounded transition-all origin-left"
           style={{
-            width: `${barWidth}%`,
+            transform: `scaleX(${barWidth / 100})`,
             backgroundColor: isSelected ? 'rgba(253, 94, 15, 0.15)' : 'rgba(253, 94, 15, 0.08)',
           }}
         />