Update Heading font size

adamplesnik · Nov 28, 2024 · 99f918c · 99f918c
1 parent 80d602a
commit 99f918c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/Heading.tsx b/src/components/Heading.tsx
@@ -5,7 +5,11 @@ const Heading = ({ size = 1, className, children }: TitleProps) => {
   if (size === 1) {
     return <h1 className={clsx(className, 'text-3xl font-medium lg:text-4xl')}>{children}</h1>
   } else if (size === 2) {
-    return <h2 className={clsx(className, 'text-3xl font-medium lg:text-4xl')}>{children}</h2>
+    return (
+      <h2 className={clsx(className, 'text-2xl font-medium !leading-snug sm:text-3xl lg:text-4xl')}>
+        {children}
+      </h2>
+    )
   } else if (size === 3) {
     return <h3 className={clsx(className, 'font-semibold')}>{children}</h3>
   }