From 4c45491649c5bc2e1fbb2c39afa991986f5be311 Mon Sep 17 00:00:00 2001
From: J M Rossy <jm.rossy@gmail.com>
Date: Tue, 15 Nov 2022 14:06:28 -0500
Subject: [PATCH] Slightly improve header logo alignment

---
 src/components/nav/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/nav/Header.tsx b/src/components/nav/Header.tsx
index 8e558c1..fe46bed 100644
--- a/src/components/nav/Header.tsx
+++ b/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>