Skip to content

Commit 44f4020

Browse files
committed
docs(button): fix flex alignment stretching buttons
Fix Storybook display issue where buttons will stretch to the height of the tallest button, in the template where multiple buttons are displayed in a row. This was changing how they are actually displayed.
1 parent 852fa8e commit 44f4020

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

components/button/stories/button.stories.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -309,6 +309,7 @@ const Treatment = (args) =>
309309
<div
310310
style=${styleMap({
311311
display: "flex",
312+
alignItems: "flex-start",
312313
gap: "10px",
313314
})}
314315
id="render-root"
@@ -457,6 +458,7 @@ const Variants = (args) =>
457458
style=${styleMap({
458459
display: "flex",
459460
gap: "10px",
461+
alignItems: "flex-start",
460462
})}
461463
id="render-root"
462464
>${CustomButton(args)}</div>`}`;

0 commit comments

Comments
 (0)