diff --git a/web/src/components/BlogPostCell/BlogPostCell.js b/web/src/components/ArticleCell/ArticleCell.js
similarity index 68%
rename from web/src/components/BlogPostCell/BlogPostCell.js
rename to web/src/components/ArticleCell/ArticleCell.js
index fd7987f..2ab37e6 100644
--- a/web/src/components/BlogPostCell/BlogPostCell.js
+++ b/web/src/components/ArticleCell/ArticleCell.js
@@ -1,8 +1,8 @@
 import BlogPost from 'src/components/BlogPost'
 
 export const QUERY = gql`
-  query BlogPostQuery($id: Int!) {
-    post(id: $id) {
+  query ArticleQuery($id: Int!) {
+    article: post(id: $id) {
       id
       title
       body
@@ -17,6 +17,6 @@ export const Empty = () => <div>Empty</div>
 
 export const Failure = ({ error }) => <div>Error: {error.message}</div>
 
-export const Success = ({ post }) => {
-  return <BlogPost post={post} />
+export const Success = ({ article }) => {
+  return <Article article={article} />
 }
diff --git a/web/src/components/BlogPostCell/BlogPostCell.mock.js b/web/src/components/ArticleCell/ArticleCell.mock.js
similarity index 100%
rename from web/src/components/BlogPostCell/BlogPostCell.mock.js
rename to web/src/components/ArticleCell/ArticleCell.mock.js
diff --git a/web/src/components/BlogPostCell/BlogPostCell.stories.js b/web/src/components/ArticleCell/ArticleCell.stories.js
similarity index 67%
rename from web/src/components/BlogPostCell/BlogPostCell.stories.js
rename to web/src/components/ArticleCell/ArticleCell.stories.js
index 597ce5f..abc6e27 100644
--- a/web/src/components/BlogPostCell/BlogPostCell.stories.js
+++ b/web/src/components/ArticleCell/ArticleCell.stories.js
@@ -1,5 +1,5 @@
-import { Loading, Empty, Failure, Success } from './BlogPostCell'
-import { standard } from './BlogPostCell.mock'
+import { Loading, Empty, Failure, Success } from './ArticleCell'
+import { standard } from './ArticleCell.mock'
 
 export const loading = () => {
   return Loading ? <Loading /> : null
@@ -17,4 +17,4 @@ export const success = () => {
   return Success ? <Success {...standard()} /> : null
 }
 
-export default { title: 'Cells/BlogPostCell' }
+export default { title: 'Cells/ArticleCell' }
diff --git a/web/src/components/BlogPostCell/BlogPostCell.test.js b/web/src/components/ArticleCell/ArticleCell.test.js
similarity index 82%
rename from web/src/components/BlogPostCell/BlogPostCell.test.js
rename to web/src/components/ArticleCell/ArticleCell.test.js
index b0c8030..a669710 100644
--- a/web/src/components/BlogPostCell/BlogPostCell.test.js
+++ b/web/src/components/ArticleCell/ArticleCell.test.js
@@ -1,8 +1,8 @@
 import { render, screen } from '@redwoodjs/testing'
-import { Loading, Empty, Failure, Success } from './BlogPostCell'
-import { standard } from './BlogPostCell.mock'
+import { Loading, Empty, Failure, Success } from './ArticleCell'
+import { standard } from './ArticleCell.mock'
 
-describe('BlogPostCell', () => {
+describe('ArticleCell', () => {
   test('Loading renders successfully', () => {
     expect(() => {
       render(<Loading />)