diff --git a/src/components/Header.astro b/src/components/Header.astro
index 77f8969..2ecfdac 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -14,7 +14,7 @@ const biPrideBlue =  "#0038a8";
 
 <header>
 	<span class="logo">
-		{pageTitle} <Image src={redHeartFlat} alt="a red heart meant to symbolize love" />
+		{pageTitle} <Image class="header-heart" src={redHeartFlat} alt="a red heart meant to symbolize love" />
 	</span>
 	<span class="motto">
         {motto}
@@ -69,6 +69,12 @@ const biPrideBlue =  "#0038a8";
         letter-spacing: 0.05rem;
     }
 
+    .header-heart {
+        height: 24px;
+        width: 24px;
+        vertical-align: sub;
+    }
+
     @media (prefers-color-scheme: dark) {
         header {
             background-color: var(--backgroundColorNightMode);