From 61ea27c8f4bb98a554801b36f546fd63698f6d88 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 17:27:02 +0300
Subject: [PATCH] style(website): misalignment of icon in button

---
 apps/website/src/components/Button.css | 4 ++++
 apps/website/src/components/Button.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/website/src/components/Button.css b/apps/website/src/components/Button.css
index b252b24ce..41d5cafbc 100644
--- a/apps/website/src/components/Button.css
+++ b/apps/website/src/components/Button.css
@@ -13,4 +13,8 @@ a.button.outline {
     border: 1px solid var(--brand-1);
     color: var(--brand-1);
     background-color: transparent;
+}
+
+a.button .text {
+    vertical-align: middle;
 }
\ No newline at end of file
diff --git a/apps/website/src/components/Button.tsx b/apps/website/src/components/Button.tsx
index c48cf66df..1ac4c8fe0 100644
--- a/apps/website/src/components/Button.tsx
+++ b/apps/website/src/components/Button.tsx
@@ -26,7 +26,7 @@ export default function Button({ iconSvg, text, className, outline, ...restProps
             {...restProps}
         >
             {iconSvg && <><Icon svg={iconSvg} />{" "}</>}
-            {text}
+            <span class="text">{text}</span>
         </Link>
     )
 }