diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
index 97db5236..57997328 100644
--- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
+++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts
@@ -15,9 +15,51 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Stepper: Story = {
+export const OverviewActive: Story = {
   args: {
     activeStep: 0,
     changeActiveStep: () => {},
   },
 }
+
+export const AdvicsoriesActive: Story = {
+  args: {
+    activeStep: 1,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ClientSetupActive: Story = {
+  args: {
+    activeStep: 2,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ValidatorSetupActive: Story = {
+  args: {
+    activeStep: 3,
+    changeActiveStep: () => {},
+  },
+}
+
+export const KeyGenerationActive: Story = {
+  args: {
+    activeStep: 4,
+    changeActiveStep: () => {},
+  },
+}
+
+export const ActivationActive: Story = {
+  args: {
+    activeStep: 5,
+    changeActiveStep: () => {},
+  },
+}
+
+export const NoActiveStep: Story = {
+  args: {
+    activeStep: -1,
+    changeActiveStep: () => {},
+  },
+}