diff --git a/src/stories/components/StoryPreview.tsx b/src/stories/components/StoryPreview.tsx
index e41d06b..4981a7d 100644
--- a/src/stories/components/StoryPreview.tsx
+++ b/src/stories/components/StoryPreview.tsx
@@ -2,9 +2,20 @@ import { Canvas, Controls } from "@storybook/blocks";
 import { StoryObj } from "@storybook/react";
 import React from "react";
 
-export default function StoryPreview({ story }: { story: StoryObj }) {
+export default function StoryPreview({
+  title,
+  story,
+}: {
+  title?: string;
+  story: StoryObj;
+}) {
   return (
     <>
+      {title && (
+        <p role="heading" style={{ fontSize: "1rem", fontWeight: 700 }}>
+          {title}
+        </p>
+      )}
       <Canvas of={story}></Canvas>
       <Controls of={story} />
     </>