diff --git a/assets/src/components/routeLadder.tsx b/assets/src/components/routeLadder.tsx
index ba2f30cfe..72f535f8f 100644
--- a/assets/src/components/routeLadder.tsx
+++ b/assets/src/components/routeLadder.tsx
@@ -43,12 +43,12 @@ interface Props {
 }
 
 export const Header = ({
-  route,
-  deselectRoute,
+  routeName,
+  onClose,
   hasAlert,
 }: {
-  route: Route
-  deselectRoute: (routeId: RouteId) => void
+  routeName: string
+  onClose: () => void
   hasAlert: boolean
 }) => {
   return (
@@ -66,13 +66,10 @@ export const Header = ({
         </Tippy>
       )}
       <div className="c-route-ladder__close-button-container">
-        <CloseButton
-          closeButtonType="l_darker"
-          onClick={() => deselectRoute(route.id)}
-        />
+        <CloseButton closeButtonType="l_darker" onClick={onClose} />
       </div>
 
-      <div className="c-route-ladder__route-name">{route.name}</div>
+      <div className="c-route-ladder__route-name">{routeName}</div>
     </div>
   )
 }
@@ -177,7 +174,13 @@ const RouteLadder = ({
 
   return (
     <>
-      <Header route={route} deselectRoute={deselectRoute} hasAlert={hasAlert} />
+      <Header
+        routeName={route.name}
+        hasAlert={hasAlert}
+        onClose={() => {
+          deselectRoute(route.id)
+        }}
+      />
       <Controls
         displayCrowdingToggleIcon={displayCrowding}
         ladderDirection={ladderDirection}
diff --git a/assets/stories/skate-components/routeLadderHeader.stories.tsx b/assets/stories/skate-components/routeLadderHeader.stories.tsx
index 8a2d68338..6e243e5b3 100644
--- a/assets/stories/skate-components/routeLadderHeader.stories.tsx
+++ b/assets/stories/skate-components/routeLadderHeader.stories.tsx
@@ -1,15 +1,17 @@
 import type { Meta, StoryObj } from "@storybook/react"
 
 import { Header as RouteLadderHeader } from "../../src/components/routeLadder"
-import routeFactory from "../../tests/factories/route"
 
 const meta = {
   component: RouteLadderHeader,
   args: {
-    route: routeFactory.build({ name: "39" }),
-    deselectRoute: () => {},
+    routeName: "39",
+    onClose: () => {},
     hasAlert: false,
   },
+  argTypes: {
+    onClose: { table: { disable: true } },
+  },
 } satisfies Meta<typeof RouteLadderHeader>
 
 export default meta