diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
index 08d3a651..c0dff812 100644
--- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
+++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/SimilarBlogPostSection.razor
@@ -16,7 +16,7 @@
 				<div class="row p-4">
 					@foreach (var relatedBlogPost in similarBlogPosts)
 					{
-						<div class="col pt-2">
+						<div class="col-12 col-md-4 pt-2">
 							<div class="card h-100">
 								<div class="card-body">
 									<h5 class="card-title fw-bold">@relatedBlogPost.Title</h5>