logo alignment fix

packages/web/src/components/BrandHeading.tsx

@@ -14,13 +14,13 @@ const BrandHeading = ({ className, size = "lg" }: Props) => {
 
   const sizeClass =
     size === "lg"
-      ? "text-4xl md:text-5xl"
+      ? "text-4xl md:text-5xl lg:text-6xl"
       : "text-2xl md:text-3xl"
 
   return (
     <div
       className={clsx(
-        "text-center font-black tracking-tight text-[#f7931e] drop-shadow-lg",
+        "text-center font-black tracking-tight text-[#f7931e] drop-shadow-lg leading-tight",
         sizeClass,
         className,
       )}