diff --git a/src/pages/blogs/index.tsx b/src/pages/blogs/index.tsx
index 6a5621aa..ad1e6ff6 100644
--- a/src/pages/blogs/index.tsx
+++ b/src/pages/blogs/index.tsx
@@ -339,8 +339,9 @@ const BlogCard = ({ blog }: { blog: (typeof blogs)[number] }) => {
                         className="card-author-handle"
                         target="_blank"
                         rel="noopener noreferrer"
+                        title={author.name}
                       >
-                        {author.name}
+                        @{author.id || author.name.toLowerCase().replace(/\s+/g, "")}
                       </Link>
                     </React.Fragment>
                   ))}
@@ -360,4 +361,4 @@ const BlogCard = ({ blog }: { blog: (typeof blogs)[number] }) => {
       </div>
     </div>
   );
-};
\ No newline at end of file
+};