Adjust flex wrap in UI examples.Fixes #731

primer · Aug 29, 2022 · 1350a3a · 1350a3a
1 parent 6c0d207
commit 1350a3a
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/docs/src/components/ui-examples-16.js b/docs/src/components/ui-examples-16.js
@@ -40,26 +40,26 @@ export default function UIExamples16({icon: Icon}) {
             </Timeline.Body>
           </Timeline.Item>
         </Timeline>
-        <Flex>
-          <Button mr={2}>
+        <Flex flexWrap={'wrap'} sx={{gap: 2}}>
+          <Button>
             <Icon />
             <Text ml={2} contentEditable>
               Button
             </Text>
           </Button>
-          <ButtonPrimary mr={2}>
+          <ButtonPrimary>
             <Icon />
             <Text ml={2} contentEditable>
               Button
             </Text>
           </ButtonPrimary>
-          <ButtonDanger mr={2}>
+          <ButtonDanger>
             <Icon />
             <Text ml={2} contentEditable>
               Button
             </Text>
           </ButtonDanger>
-          <ButtonOutline mr={2}>
+          <ButtonOutline>
             <Icon />
             <Text ml={2} contentEditable>
               Button