From dec9ca626dc7ffff2376c8e4130c0215c57dee9f Mon Sep 17 00:00:00 2001
From: Lyle Reed <lyleareed@gmail.com>
Date: Tue, 9 Jan 2024 19:34:21 -0600
Subject: [PATCH] Adjust icon CSS styling to match expected site design

---
 src/assets/scss/base/_button.scss | 1 +
 src/components/Feature.astro      | 1 +
 src/components/Header.astro       | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/assets/scss/base/_button.scss b/src/assets/scss/base/_button.scss
index cd282c3..b205d4a 100644
--- a/src/assets/scss/base/_button.scss
+++ b/src/assets/scss/base/_button.scss
@@ -135,6 +135,7 @@
     gap: 0.5rem;
 
     [data-icon] {
+      height: auto;
       width: 30px;
     }
   }
diff --git a/src/components/Feature.astro b/src/components/Feature.astro
index aa26de9..98cc7fb 100644
--- a/src/components/Feature.astro
+++ b/src/components/Feature.astro
@@ -55,6 +55,7 @@ const { icon = 'mdi:rocket', title = 'Title' } = Astro.props
   }
 
   :global(.feature [data-icon]) {
+    height: auto;
     width: 4rem;
     color: var(--action-color);
   }
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 4e1e225..7106f96 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -46,6 +46,7 @@ import { Icon } from 'astro-icon/components'
       display: block;
 
       [data-icon] {
+        height: auto;
         margin-top: -4px;
         width: 30px;