diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index fcdeba4..9eed83b 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -41,7 +41,7 @@ const next = blog[index + 1]
 			)
 		}
 	</article>
-	{standalone ? "" : <span class={styles.more}>Read More</span>}
+	{standalone ? "" : <a href=`/blog/${postEntry.slug}` class={styles.more}>Read More</span>}
 	{
 		standalone ? (
 			<section class={styles.links}>
diff --git a/src/pages/blog/[...category]/index.astro b/src/pages/blog/[...category]/index.astro
index d1d01bc..d24b0ee 100644
--- a/src/pages/blog/[...category]/index.astro
+++ b/src/pages/blog/[...category]/index.astro
@@ -72,14 +72,7 @@ const { filteredPosts, categoryProperties } = Astro.props
 			</article>
 			{
 				filteredPosts.map((post: Post) => (
-					<a
-						class={styles.link}
-						href={`/blog/${post.slug}`}
-						data-title={post.data.title}
-						data-category={post.data.category}
-					>
-						<BlogPost post={post} standalone={false} />
-					</a>
+					<BlogPost post={post} standalone={false} />
 				))
 			}
 		</div>
diff --git a/src/styles/BlogPost.module.css b/src/styles/BlogPost.module.css
index d458aa4..66ee46f 100644
--- a/src/styles/BlogPost.module.css
+++ b/src/styles/BlogPost.module.css
@@ -10,6 +10,7 @@
 }
 
 .more {
+	color: white;
 	margin-top: 1.5rem;
 	padding: 1rem;
 	border: 2px solid var(--primary);