Slightly improve header logo alignment

src/components/nav/Header.tsx

@@ -27,11 +27,11 @@ export function Header({ pathName }: { pathName: string }) {
         <Link href="/">
           <a className="flex items-center">
             <div className="flex items-center scale-90 sm:scale-100">
-              <Image src={Logo} width={22} height={22} alt="" />
-              <Image src={Name} width={110} height={22} alt="Hyperlane" className="ml-2 pt-1" />
-              <div className="font-serif text-[1.8rem] xs:text-[1.65rem] leading-[1.2rem] text-blue-500 ml-2">
+              <Image src={Logo} width={22} height={22} alt="" className="pb-1" />
+              <Image src={Name} width={110} height={22} alt="Hyperlane" className="ml-2" />
+              <h1 className="ml-2 font-serif text-[1.75rem] xs:text-[1.65rem] leading-[0.5rem] text-blue-500">
                 Explorer
-              </div>
+              </h1>
             </div>
           </a>
         </Link>