From 2544e4fd65c201fd6350a4391f0c4d238cc57cd5 Mon Sep 17 00:00:00 2001
From: Piotr Janosz <janosz128@gmail.com>
Date: Fri, 5 Jul 2019 19:32:54 +0200
Subject: [PATCH] Fixed margin forget started buttons in docs home

---
 packages/website/ts/pages/docs/home.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/website/ts/pages/docs/home.tsx b/packages/website/ts/pages/docs/home.tsx
index 65977047ff..18ed793fe1 100644
--- a/packages/website/ts/pages/docs/home.tsx
+++ b/packages/website/ts/pages/docs/home.tsx
@@ -32,9 +32,9 @@ export const DocsHome: React.FC = () => {
                         <Heading size="default">Get Started</Heading>
                         {getStartedLinks.map((link, index) => (
                             <Fragment key={`get-started-${index}`}>
-                                <Button color={colors.brandDark} href={link.url} isWithArrow={true}>
+                                <GetStartedButton color={colors.brandDark} href={link.url} isWithArrow={true}>
                                     {link.heading}
-                                </Button>
+                                </GetStartedButton>
                                 <Paragraph color={colors.textDarkPrimary} isMuted={1}>
                                     {link.description}
                                 </Paragraph>
@@ -78,6 +78,10 @@ const GetStartedWrapper = styled.div`
     grid-row-gap: 30px;
 `;
 
+const GetStartedButton = styled(Button)`
+    margin-bottom: 12px;
+`;
+
 const Separator = styled.hr`
     border-width: 0 0 1px;
     border-color: #e4e4e4;