diff --git a/apps/web/src/parts/WorkSteps.tsx b/apps/web/src/parts/WorkSteps.tsx
index bc2ab9a..03569a7 100644
--- a/apps/web/src/parts/WorkSteps.tsx
+++ b/apps/web/src/parts/WorkSteps.tsx
@@ -214,12 +214,12 @@ interface WorkListProps {
  * A finished reply's steps down a quiet rail: no cards or numbers, just a light dot for each step,
  * joined to the next by a short soft segment that stops shy of both dots. Each row draws the
  * segment down to the next row's dot, so the rail follows a step that is open. A dot sits 14px
- * into its row and 16.4px before it, which the segment is placed by.
+ * into its row and 16px before it, which the segment is placed by.
  */
 const rail = 'mt-2.5 flex flex-col gap-0.5 ps-6.5'
 const railRow = cn(
   'relative py-0.5 pe-3 last:after:hidden',
-  'after:absolute after:-start-[1.0875rem] after:top-[1.375rem] after:-bottom-2 after:w-0.5 after:rounded-full after:bg-line',
+  'after:absolute after:-start-4.25 after:top-5.5 after:-bottom-2 after:w-0.5 after:rounded-full after:bg-line',
 )
 
 interface RailDotProps {
@@ -236,7 +236,7 @@ function RailDot(props: RailDotProps) {
   return (
     <span
       aria-hidden="true"
-      className="absolute -start-6.5 top-0.75 z-1 flex h-5.5 w-[1.2rem] items-center justify-center"
+      className="absolute -start-6.5 top-0.75 z-1 flex h-5.5 w-5 items-center justify-center"
     >
       <span
         className={cn(