From a1889e2a23f39c6029387708c0347e6a70fc97e9 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 12:12:43 +0100
Subject: Replaces icons in landing, text styling

---
 packages/website/ts/@next/components/button.tsx | 2 +-
 packages/website/ts/@next/components/icon.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/@next/components')

diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index c532b0720..5547a840f 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -27,7 +27,7 @@ export const Button = styled.button<ButtonInterface>`
     background-color: ${props => !props.isTransparent ? colors.brandLight : 'transparent'};
     border-color: ${props => (props.isTransparent && !props.isNoBorder && !props.isWithArrow) && '#6a6a6a'};
     color: ${props => props.color || props.theme.textColor};
-    padding: ${props => !props.isNoPadding && '18px 30px'};
+    padding: ${props => (!props.isNoPadding && !props.isWithArrow) && '18px 30px'};
     text-align: center;
     font-size: ${props => props.isWithArrow ? '20px' : '18px'};
     text-decoration: none;
diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx
index 1199efe3f..61f8f8f6f 100644
--- a/packages/website/ts/@next/components/icon.tsx
+++ b/packages/website/ts/@next/components/icon.tsx
@@ -43,7 +43,7 @@ const _getSize = (size: string | number = 'small'): string => {
 const StyledIcon = styled.figure`
     width: ${props => _getSize(props.size)};
     height: ${props => _getSize(props.size)};
-    margin: 0;
+    margin: ${props => getCSSPadding(props.margin)};
     flex-shrink: 0;
 
     svg {
-- 
cgit v1.2.3