diff --git a/components/blog/post.tsx b/components/blog/post.tsx
index 95b761a1..dfb1fdd1 100644
--- a/components/blog/post.tsx
+++ b/components/blog/post.tsx
@@ -162,7 +162,8 @@ export default function Post({ post, author, sessionUser, tags }: { post: any, a
                                              <div className="article__tags space-x-2 mx-auto">
                                              {tags.map((tag: any) => (
                                                   <Link href={`/tags/${tag.tag.name}`} key={tag.tag.id}>
-                                                       <Badge variant={"secondary"} className="h-6 w-auto cursor-pointer font-normal capitalize text-sm px-2 py-4">
+                                                       <<Link href={`/tags/${tag.name}`} key={tag.id}>
+                                   <Badge className="bg-primary/30 text-primary px-2.5 my-1 mr-1 hover:text-primary-foreground hover:bg-primary" variant={"secondary"}>
                                                             {
                                                                  //replace - with space
                                                                  tag.tag.name.replace(/-/g, " ")