diff --git a/snippets/components.mdx b/snippets/components.mdx
index 93539bb..9527e88 100644
--- a/snippets/components.mdx
+++ b/snippets/components.mdx
@@ -5,7 +5,7 @@ export const HeroCard = ({ children, title, description, href }) => {
       href={href}
     >
       {children}
-      <h1 className="mt-4 font-semibold text-gray-900 dark:text-white">{title}</h1>
+      <h1 className="mt-4 font-semibold text-gray-900 dark:text-white mb-2 text-lg">{title}</h1>
       <p className="mt-1 text-gray-600 dark:text-gray-400 text-sm leading-6">{description}</p>
     </a>
   );