diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanismCard.stories.ts b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanismCard.stories.ts
new file mode 100644
index 00000000..6b570d50
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanismCard.stories.ts
@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import RecoveryMechanismCard from './RecoveryMechanismCard'
+
+const meta = {
+  title: 'ValidatorOnboarding/RecoveryMechanismCard',
+  component: RecoveryMechanismCard,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  argTypes: {},
+} satisfies Meta<typeof RecoveryMechanismCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Page: Story = {
+  args: {
+    value: 'Key Files',
+    selectedRecoveryMechanism: 'Key Files',
+    handleRecoveryMechanismChange: () => {},
+  },
+}