Merge branch 'main' into css-no-comments

primer · Apr 27, 2023 · 3bbcf27 · 3bbcf27
2 parents 689ba92 + 73c280a
commit 3bbcf27
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/storybook/stories/Demos/Components.stories.tsx b/docs/storybook/stories/Demos/Components.stories.tsx
@@ -19,7 +19,7 @@ export const FlashDemo = () => {
 
 export const LabelDemo = () => {
   return (
-    <div style={{display: 'grid', gap: '1rem'}}>
+    <div style={{display: 'flex', gap: '1rem', flexDirection: 'row', flexWrap: 'wrap'}}>
       <Label variant="primary">Primary</Label>
       <Label variant="secondary">Secondary</Label>
       <Label variant="accent">Accent</Label>
@@ -35,7 +35,7 @@ export const LabelDemo = () => {
 
 export const StateLabelDemo = () => {
   return (
-    <div style={{display: 'grid', gap: '1rem'}}>
+    <div style={{display: 'flex', gap: '1rem', flexDirection: 'row', flexWrap: 'wrap'}}>
       <StateLabel status="issueOpened">Open</StateLabel>
       <StateLabel status="issueClosed">Closed</StateLabel>
       <StateLabel status="issueClosedNotPlanned">Closed</StateLabel>