diff --git a/web/src/components/BlogPost/BlogPost.js b/web/src/components/Article/Article.js
similarity index 67%
rename from web/src/components/BlogPost/BlogPost.js
rename to web/src/components/Article/Article.js
index 9c48463..102b7b1 100644
--- a/web/src/components/BlogPost/BlogPost.js
+++ b/web/src/components/Article/Article.js
@@ -1,11 +1,11 @@
 import { Link, routes } from '@redwoodjs/router'
 
-const BlogPost = ({ post }) => {
+const Article = ({ post }) => {
   return (
     <article>
       <header>
         <h2 className="text-xl text-blue-700 font-semibold">
-          <Link to={routes.blogPost({ id: post.id })}>{post.title}</Link>
+          <Link to={routes.Article({ id: post.id })}>{post.title}</Link>
         </h2>
       </header>
       <div className="mt-2 text-gray-900 font-light">{post.body}</div>
@@ -13,4 +13,4 @@ const BlogPost = ({ post }) => {
   )
 }
 
-export default BlogPost
+export default Article
diff --git a/web/src/components/BlogPost/BlogPost.stories.js b/web/src/components/Article/Article.stories.js
similarity index 86%
rename from web/src/components/BlogPost/BlogPost.stories.js
rename to web/src/components/Article/Article.stories.js
index 8da5013..8f496c3 100644
--- a/web/src/components/BlogPost/BlogPost.stories.js
+++ b/web/src/components/Article/Article.stories.js
@@ -1,8 +1,8 @@
-import BlogPost from './BlogPost'
+import Article from './Article'
 
 export const generated = () => {
   return (
-    <BlogPost
+    <Article
       post={{
         id: 1,
         title: 'First Post',
@@ -14,4 +14,4 @@ export const generated = () => {
   )
 }
 
-export default { title: 'Components/BlogPost' }
+export default { title: 'Components/Article' }
diff --git a/web/src/components/BlogPost/BlogPost.test.js b/web/src/components/Article/Article.test.js
similarity index 88%
rename from web/src/components/BlogPost/BlogPost.test.js
rename to web/src/components/Article/Article.test.js
index f44e59f..d6f4230 100644
--- a/web/src/components/BlogPost/BlogPost.test.js
+++ b/web/src/components/Article/Article.test.js
@@ -1,8 +1,8 @@
 import { render, screen } from '@redwoodjs/testing'
 
-import BlogPost from './BlogPost'
+import Article from './Article'
 
-describe('BlogPost', () => {
+describe('Article', () => {
   it('renders a blog post', () => {
     const post = {
       id: 1,
@@ -10,7 +10,7 @@ describe('BlogPost', () => {
       body: `Neutra tacos hot chicken prism raw denim, put a bird on it enamel pin post-ironic vape cred DIY. Street art next level umami squid. Hammock hexagon glossier 8-bit banjo. Neutra la croix mixtape echo park four loko semiotics kitsch forage chambray. Semiotics salvia selfies jianbing hella shaman. Letterpress helvetica vaporware cronut, shaman butcher YOLO poke fixie hoodie gentrify woke heirloom.`,
       createdAt: new Date().toISOString(),
     }
-    render(<BlogPost post={post} />)
+    render(<Article post={post} />)
 
     expect(screen.getByText(post.title)).toBeInTheDocument()
     expect(screen.getByText(post.body)).toBeInTheDocument()