From d9a073c69009b9bc48ba40dc7418305cb7821fb2 Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Sat, 30 Dec 2023 09:19:26 +0800
Subject: [PATCH] fix `TagBadge` vertical margin problem

---
 components/utils/TagBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/utils/TagBadge.tsx b/components/utils/TagBadge.tsx
index 6ab800d..1075795 100644
--- a/components/utils/TagBadge.tsx
+++ b/components/utils/TagBadge.tsx
@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export const TagBadge = (props: { name: string; size: "sm" | "md"; count?: number }) => {
   return (
-    <Link href={`/tags/${props.name}`} className={`mx-1 my-auto ${props.size === "sm" ? "text-sm" : "text-base"}`}>
+    <Link href={`/tags/${props.name}`} className={`mx-1 my-1 ${props.size === "sm" ? "text-sm" : "text-base"}`}>
       <div className="border-2 border-black px-2 hover:border-gray-600 hover:text-gray-600  dark:border-white  dark:text-white  dark:hover:border-gray-200">
         {`${props.name}${props.count ? ` (${props.count})` : ""}`}
       </div>