fix(ui-buttons): fix for AI secondary button visual 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%)`,