diff --git a/web/src/pages/BlogPostPage/BlogPostPage.stories.js b/web/src/pages/BlogPostPage/BlogPostPage.stories.js
index 5e9fa74..6705759 100644
--- a/web/src/pages/BlogPostPage/BlogPostPage.stories.js
+++ b/web/src/pages/BlogPostPage/BlogPostPage.stories.js
@@ -1,6 +1,11 @@
 import BlogPostPage from './BlogPostPage'
+import { standard as post } from 'src/components/BlogPostCell/BlogPostCell.mock'
 
 export const generated = () => {
+  mockGraphQLQuery('BlogPostsQuery', () => {
+    return post()
+  })
+
   return <BlogPostPage />
 }
 
diff --git a/web/src/pages/HomePage/HomePage.stories.js b/web/src/pages/HomePage/HomePage.stories.js
index 7a14a5c..3a200c0 100644
--- a/web/src/pages/HomePage/HomePage.stories.js
+++ b/web/src/pages/HomePage/HomePage.stories.js
@@ -1,6 +1,11 @@
 import HomePage from './HomePage'
+import { standard as posts } from 'src/components/BlogPostsCell/BlogPostsCell.mock'
 
 export const generated = () => {
+  mockGraphQLQuery('BlogPostsQuery', () => {
+    return posts()
+  })
+
   return <HomePage />
 }