diff --git a/assets/stories/skate-components/detours/pastDetourPanel.stories.tsx b/assets/stories/skate-components/detours/pastDetourPanel.stories.tsx
new file mode 100644
index 000000000..47fa27586
--- /dev/null
+++ b/assets/stories/skate-components/detours/pastDetourPanel.stories.tsx
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react"
+
+import React from "react"
+import { PastDetourPanel } from "../../../src/components/detours/pastDetourPanel"
+
+const meta = {
+  component: PastDetourPanel,
+  parameters: {
+    layout: "fullscreen",
+    stretch: true,
+  },
+  args: {},
+  // The bootstrap CSS reset is supposed to set box-sizing: border-box by
+  // default, we should be able to remove this after that is added
+  decorators: [
+    (StoryFn) => (
+      <div className="border-box inherit-box h-100">
+        <StoryFn />
+      </div>
+    ),
+  ],
+} satisfies Meta<typeof PastDetourPanel>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Story: Story = {}