Skip to content

Commit fb34459

Browse files
committed
fix(ui-buttons): fix for AI secondary button visual glitch
1 parent c827833 commit fb34459

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -361,6 +361,10 @@ const generateStyle = (
361361
touchAction: 'manipulation',
362362
// This sets the focus ring's border radius displayed by the `View`
363363
borderRadius: componentTheme.borderRadius,
364+
// Prevents the button from being stretched vertically by a flex parent.
365+
// Without this, flex containers with `align-items: stretch` (the default)
366+
// would force the button to fill the parent's height.
367+
alignSelf: 'center',
364368

365369
'&::-moz-focus-inner': {
366370
border: '0' /* removes default dotted focus outline in Firefox */

0 commit comments

Comments
 (0)