style(ui): wrap button children in span with size-aware min-height class

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]}/>
                     )}