From f5e1589038f3628160f00d499b36f1f380113d3b Mon Sep 17 00:00:00 2001
From: Rachel Cherry <bamadesigner@gmail.com>
Date: Sat, 14 Sep 2024 11:59:02 -0400
Subject: [PATCH] Center align logo image in header (#816)

* Tweak CSS for header logo and img so img is center aligned and max height of the container

* Set width:auto for header logo img
---
 packages/ui/src/components/Header/Header.module.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/ui/src/components/Header/Header.module.css b/packages/ui/src/components/Header/Header.module.css
index c394ba64..454c7f08 100644
--- a/packages/ui/src/components/Header/Header.module.css
+++ b/packages/ui/src/components/Header/Header.module.css
@@ -27,11 +27,14 @@
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
   z-index: 2;
   display: flex;
+  align-items: center;
   padding: 0 1rem;
   text-decoration: none;
 }
 
 .header > .logo > .img {
+  max-height: 100%;
+  width: auto;
   margin-right: 0.4em;
 }