diff --git a/packages/Form/steps/src/Steps.stories.tsx b/packages/Form/steps/src/Steps.stories.tsx
index 356ac3c58..378f16e26 100644
--- a/packages/Form/steps/src/Steps.stories.tsx
+++ b/packages/Form/steps/src/Steps.stories.tsx
@@ -71,16 +71,16 @@ const Template: Story<StepsProps> = ({ classModifier, className, mode }) => (
   </Steps>
 );
 
-export const OldStepsStory = Template.bind({}) as typeof Template;
-OldStepsStory.storyName = 'Old Design Steps';
-OldStepsStory.args = {
+export const NewStepsStory = Template.bind({}) as typeof Template;
+NewStepsStory.storyName = 'New Design Steps';
+NewStepsStory.args = {
   classModifier: '',
   className: 'af-steps-new',
 };
 
-export const NewStepsStory = Template.bind({}) as typeof Template;
-NewStepsStory.storyName = 'Old Design Steps';
-NewStepsStory.args = {
+export const OldStepsStory = Template.bind({}) as typeof Template;
+OldStepsStory.storyName = 'Old Design Steps';
+OldStepsStory.args = {
   classModifier: '',
   className: '',
 };