diff --git a/client/components/mma/shared/ProgressIndicator.stories.tsx b/client/components/mma/shared/ProgressIndicator.stories.tsx
index 1b1a1d540..9a3109aea 100644
--- a/client/components/mma/shared/ProgressIndicator.stories.tsx
+++ b/client/components/mma/shared/ProgressIndicator.stories.tsx
@@ -1,23 +1,24 @@
-import type { Meta, StoryFn } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ProgressIndicator } from './ProgressIndicator';
-import { ProgressStepper } from './ProgressStepper';
 
 export default {
 	title: 'Components/ProgressIndicator',
-	component: ProgressStepper,
+	component: ProgressIndicator,
 	parameters: {
 		layout: 'fullscreen',
 	},
-} as Meta<typeof ProgressStepper>;
+} as Meta<typeof ProgressIndicator>;
 
-export const OldVersion: StoryFn<typeof ProgressIndicator> = () => {
-	return (
-		<ProgressIndicator
-			steps={[
-				{ title: 'Reason' },
-				{ title: 'Review', isCurrentStep: true },
-				{ title: 'Confirmation' },
-			]}
-		/>
-	);
+export const OldVersion: StoryObj<typeof ProgressIndicator> = {
+	render: () => {
+		return (
+			<ProgressIndicator
+				steps={[
+					{ title: 'Reason' },
+					{ title: 'Review', isCurrentStep: true },
+					{ title: 'Confirmation' },
+				]}
+			/>
+		);
+	},
 };
diff --git a/client/components/mma/shared/ProgressIndicator.tsx b/client/components/mma/shared/ProgressIndicator.tsx
index ad7df1215..e50b943b4 100644
--- a/client/components/mma/shared/ProgressIndicator.tsx
+++ b/client/components/mma/shared/ProgressIndicator.tsx
@@ -8,7 +8,7 @@ interface Step {
 	isCurrentStep?: true;
 }
 
-interface ProgressIndicatorProps {
+export interface ProgressIndicatorProps {
 	steps: [Step, Step, ...Step[]];
 	additionalCSS?: SerializedStyles;
 }