fix(ui-buttons): fix for the ai button height glitch

Author: git-nandor

packages/ui-buttons/src/BaseButton/styles.ts

@@ -380,6 +380,11 @@ const generateStyle = (
           //TODO not the greatest solution. Must be stronger than the same &&& enforcement of <View>
           ...(color === 'ai-secondary'
             ? {
+                // Prevents the button from being stretched vertically by a flex parent.
+                // Without this, flex containers with `align-items: stretch` (the default)
+                // would force the button to fill the parent's height.
+                alignSelf: 'center',
+
                 '&&&&&&&&&&': {
                   background: `
                linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
@@ -461,8 +466,7 @@ const generateStyle = (
         ? {
             background: `
         linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
-            backgroundClip: 'text',
-            color: 'transparent'
+            backgroundClip: 'text'
           }
         : {})
     },