Clean up stacked boxes example

nicolasfont · nicolasfont · commit 36693a6a9e0a · 2021-04-07T10:10:37.000-07:00
diff --git a/packages/visual-stack-docs/src/containers/Components/Docs/box.js b/packages/visual-stack-docs/src/containers/Components/Docs/box.js
@@ -312,14 +312,19 @@ export default () => {
                 <Text type="h4">A bunch of boxes stacking other boxes</Text>
                 {/* s4:start */}
                 <Box padding="medium" gap="medium" border>
-                  <Box padding="medium" gap="medium" border>
+                  <Box padding="medium" border>
                     <AppIcon />
                   </Box>
-                  <Box direction="row" padding="medium" gap="medium" border>
-                    <Box padding="medium" gap="medium" border>
+                  <Box
+                    direction="row"
+                    padding="medium"
+                    justify="space-between"
+                    border
+                  >
+                    <Box padding="medium" border>
                       <AppIcon />
                     </Box>
-                    <Box padding="medium" gap="medium" border>
+                    <Box padding="medium" border>
                       <AppIcon />
                     </Box>
                   </Box>
