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;