From b60514aebc555137e4357c840736134d05ab6bee Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Wed, 22 Apr 2026 19:48:23 -0400
Subject: [PATCH] style(ui): wrap button children in span with size-aware
 min-height class

---
 src/shared/components/Button.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/Button.js b/src/shared/components/Button.js
index ff0bd4e..2ab8757 100644
--- a/src/shared/components/Button.js
+++ b/src/shared/components/Button.js
@@ -46,6 +46,12 @@ const Button = ({
         lg: ''
     };
 
+    const textSizes = {
+        sm: '',
+        md: 'min-h-4',
+        lg: ''
+    };
+
     const LoadingSpinner = () => (
         <div className={`border-2 border-current border-t-transparent rounded-full animate-spin ${iconSizes[size]}`} />
     );
@@ -73,7 +79,10 @@ const Button = ({
                     {Icon && iconPosition === 'left' && (
                         <Icon className={iconSizes[size]}/>
                     )}
-                    {children}
+                    <span className={textSizes[size]}>
+                        {children}
+                    </span>
+                    
                     {Icon && iconPosition === 'right' && (
                         <Icon className={iconSizes[size]}/>
                     )}