From 0ea9b31b63ca558afbe2246ceb91234561b0374c Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 15 Mar 2026 19:53:10 +0100
Subject: [PATCH] style: make journey exit row a full red block matching other
 rows

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

diff --git a/components/journeys/ColumnJourney.tsx b/components/journeys/ColumnJourney.tsx
index bd3e0a0..2fe1c84 100644
--- a/components/journeys/ColumnJourney.tsx
+++ b/components/journeys/ColumnJourney.tsx
@@ -274,12 +274,19 @@ function JourneyColumn({
           <div
             data-col={column.index}
             data-path="(exit)"
-            className="flex items-center justify-between h-9 px-3 rounded-lg bg-red-500/8 dark:bg-red-500/8"
+            className="flex items-center justify-between w-full relative h-9 px-3 rounded-lg bg-red-500/15 dark:bg-red-500/15"
           >
-            <span className="text-sm text-red-500 dark:text-red-400">
+            <div
+              className="absolute top-0.5 bottom-0.5 left-0.5 rounded-md"
+              style={{
+                width: `calc(100% - 4px)`,
+                backgroundColor: 'rgba(239, 68, 68, 0.15)',
+              }}
+            />
+            <span className="relative text-sm text-red-500 dark:text-red-400 font-medium">
               (exit)
             </span>
-            <span className="text-sm tabular-nums font-semibold text-red-500 dark:text-red-400">
+            <span className="relative text-sm tabular-nums font-semibold text-red-500 dark:text-red-400">
               {exitCount.toLocaleString()}
             </span>
           </div>