From 92c787e9a915b5bb53409149266ab42f19a9f5b4 Mon Sep 17 00:00:00 2001
From: Muhammad Athar <muhammad.athar@outlook.co.th>
Date: Wed, 12 Aug 2020 19:12:55 +0700
Subject: [PATCH] Update layout-primitives.mdx (#936)

---
 docs/src/pages/components/layout-primitives.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/src/pages/components/layout-primitives.mdx b/docs/src/pages/components/layout-primitives.mdx
index d6e6ad50e..735e37ba6 100644
--- 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.
\ No newline at end of file
+The only difference is that the `Card` has a `borderRadius` by default.