diff --git a/src/features/workbench/operational-timeline/operational-timeline.tsx b/src/features/workbench/operational-timeline/operational-timeline.tsx
index 5b97034..a711a23 100644
--- a/src/features/workbench/operational-timeline/operational-timeline.tsx
+++ b/src/features/workbench/operational-timeline/operational-timeline.tsx
@@ -168,16 +168,16 @@ export function OperationalTimeline({
             {mode === "expanded" || mobile ? (
               <motion.div
                 key="expanded-timeline"
-                className="grid min-h-0 flex-1 grid-cols-[52px_minmax(0,1fr)] px-3 pb-2 pt-1.5 sm:grid-cols-[76px_minmax(0,1fr)]"
+                className="grid min-h-0 flex-1 grid-cols-[40px_minmax(0,1fr)] px-2 pb-2 pt-1.5 sm:grid-cols-[48px_minmax(0,1fr)]"
                 initial={prefersReducedMotion ? false : { opacity: 0, y: 5 }}
                 animate={{ opacity: 1, y: 0 }}
                 exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: -4 }}
                 transition={prefersReducedMotion ? { duration: 0 } : { duration: 0.14 }}
               >
-                <div className="grid grid-rows-[18px_repeat(3,1fr)] pr-1.5 text-[10px] text-slate-500">
+                <div className="grid grid-rows-[18px_repeat(3,1fr)] text-[11px] text-slate-500">
                   <span />
                   {LANES.map((lane) => (
-                    <span key={lane.id} className="flex items-center justify-end font-semibold">
+                    <span key={lane.id} className="flex items-center justify-center font-semibold">
                       {lane.label}
                     </span>
                   ))}