diff --git a/packages/web/stories/OnboardingPage1.stories.tsx b/packages/web/stories/OnboardingPage1.stories.tsx
index 1f7834895..44500c9d3 100644
--- a/packages/web/stories/OnboardingPage1.stories.tsx
+++ b/packages/web/stories/OnboardingPage1.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage1Story: ComponentStory<typeof OnboardingReaderPreview> = (args: any) => {
   return (
-    <OnboardingReaderPreview />
+    <OnboardingReaderPreview pageNumber={1} />
   )
 }
diff --git a/packages/web/stories/OnboardingPage2.stories.tsx b/packages/web/stories/OnboardingPage2.stories.tsx
index 74ec2ef57..8f07d3fcc 100644
--- a/packages/web/stories/OnboardingPage2.stories.tsx
+++ b/packages/web/stories/OnboardingPage2.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage2Story: ComponentStory<typeof OnboardingInstallInstructions> = (args: any) => {
   return (
-    <OnboardingInstallInstructions />
+    <OnboardingInstallInstructions pageNumber={2} />
   )
 }
diff --git a/packages/web/stories/OnboardingPage3.stories.tsx b/packages/web/stories/OnboardingPage3.stories.tsx
index 971efabcf..e3cbcd66e 100644
--- a/packages/web/stories/OnboardingPage3.stories.tsx
+++ b/packages/web/stories/OnboardingPage3.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage3Story: ComponentStory<typeof OnboardingAddNewsletters> = (args: any) => {
   return (
-    <OnboardingAddNewsletters />
+    <OnboardingAddNewsletters pageNumber={3} />
   )
 }
diff --git a/packages/web/stories/OnboardingPage4.stories.tsx b/packages/web/stories/OnboardingPage4.stories.tsx
index 7e251018c..59c219f16 100644
--- a/packages/web/stories/OnboardingPage4.stories.tsx
+++ b/packages/web/stories/OnboardingPage4.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage4Story: ComponentStory<typeof OnboardingOrganizeInstructions> = (args: any) => {
   return (
-    <OnboardingOrganizeInstructions />
+    <OnboardingOrganizeInstructions pageNumber={4} />
   )
 }
diff --git a/packages/web/stories/OnboardingPage5.stories.tsx b/packages/web/stories/OnboardingPage5.stories.tsx
index 67debd310..da2ce728d 100644
--- a/packages/web/stories/OnboardingPage5.stories.tsx
+++ b/packages/web/stories/OnboardingPage5.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage5Story: ComponentStory<typeof OnboardingHighlightInstructions> = (args: any) => {
   return (
-    <OnboardingHighlightInstructions />
+    <OnboardingHighlightInstructions pageNumber={5} />
   )
 }
diff --git a/packages/web/stories/OnboardingPage6.stories.tsx b/packages/web/stories/OnboardingPage6.stories.tsx
index c673bc967..a35ec04f3 100644
--- a/packages/web/stories/OnboardingPage6.stories.tsx
+++ b/packages/web/stories/OnboardingPage6.stories.tsx
@@ -8,6 +8,6 @@ export default {
 
 export const OnboardingPage6Story: ComponentStory<typeof OnboardingJoinCommunity> = (args: any) => {
   return (
-    <OnboardingJoinCommunity />
+    <OnboardingJoinCommunity pageNumber={6} />
   )
 }