diff --git a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor
index 2a257d38..ed5e67a6 100644
--- a/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor
+++ b/src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor
@@ -29,7 +29,7 @@
 						</ul>
 					</li>
 				}
-				<li class="read-time me-4">@BlogPost.ReadingTimeInMinutes min</li>
+				<li class="read-time me-4">@BlogPost.ReadingTimeInMinutes minute read</li>
 			</ul>
 		</div>
 		<div class="description">
diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor
index 9af73b20..4c9a44f9 100644
--- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor
+++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor
@@ -53,6 +53,8 @@ else if (BlogPost is not null)
 						<span class="date"></span>
 						<span class="ms-1">@BlogPost.UpdatedDate.ToShortDateString()</span>
 					</div>
+          				<span class="read-time"></span>
+          				<span class="me-2">@BlogPost.ReadingTimeInMinutes minute read</span>
 					@if (BlogPost.Tags is not null && BlogPost.Tags.Any())
 					{
 						<div class="d-flex align-items-center">
diff --git a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css
index a52a0558..8d4442b4 100644
--- a/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css
+++ b/src/LinkDotNet.Blog.Web/Features/ShowBlogPost/ShowBlogPostPage.razor.css
@@ -23,6 +23,12 @@
     object-fit: cover;
 }
 
+.read-time:before {
+	font-family: 'icons';
+	font-weight: 900;
+	content: "\e94f";
+}
+
 @media only screen and (max-width: 700px) {
     .blog-outer-box .blog-container {
         width: 90%;