diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
index d5c38d9e..05f1cbc8 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryMechanism/RecoveryMechanismCard.stories.ts
@@ -16,10 +16,26 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Page: Story = {
+export const Selected: Story = {
   args: {
     value: KEYSTORE_FILES,
     recoveryMechanism: KEYSTORE_FILES,
     handleRecMechanismChange: () => {},
   },
 }
+
+export const NotSelected: Story = {
+  args: {
+    value: KEYSTORE_FILES,
+    recoveryMechanism: '',
+    handleRecMechanismChange: () => {},
+  },
+}
+
+export const WithoutValue: Story = {
+  args: {
+    value: '',
+    recoveryMechanism: KEYSTORE_FILES,
+    handleRecMechanismChange: () => {},
+  },
+}