fix TagBadge vertical margin problem

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>