Update layout-primitives.mdx (#936)

segmentio · Aug 12, 2020 · 92c787e · 92c787e
1 parent 5c34728
commit 92c787e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/docs/src/pages/components/layout-primitives.mdx b/docs/src/pages/components/layout-primitives.mdx
@@ -85,9 +85,9 @@ of a component. The text styles and padding will adjust based on the height you
 ```jsx
 // import { Pane, Button, TextInput } from 'evergreen-ui'
 
-<Pane>
+<Pane display="flex">
  <TextInput width="100%" height={48} placeholder="Change my height to fit your needs." />
- <Button height={48} appearance="primary" marginTop={16}>Big Button</Button>
+ <Button height={48} appearance="primary" marginLeft={16}>Big Button</Button>
 </Pane>
 ```
 
@@ -429,4 +429,4 @@ All border sides are supported on a `Pane`
 # Card component
 
 The `Card` component is exactly the same as the `Pane` component.
-The only difference is that the `Card` has a `borderRadius` by default.
+The only difference is that the `Card` has a `borderRadius` by default.