From 73c280ac11e1dfc90fdb67b24eb13affec91bf0d Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <lukasoppermann@github.com>
Date: Thu, 27 Apr 2023 13:15:44 +0200
Subject: [PATCH] add flex to label demo (#617)

---
 docs/storybook/stories/Demos/Components.stories.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/storybook/stories/Demos/Components.stories.tsx b/docs/storybook/stories/Demos/Components.stories.tsx
index 543995d90..e1942a87e 100644
--- 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>