From fa389f18cdb11f52a803523ba3d3f559ff2b2d31 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 14:30:54 +0100
Subject: Fix section/wrap overflows

---
 packages/website/ts/@next/components/newLayout.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

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

diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 107d96006..5c5f3d0d4 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -76,7 +76,7 @@ const SectionBase = styled.section<SectionProps>`
     padding: ${props => props.isPadded && '120px 0'};
     background-color: ${props => props.theme[`${props.bgColor}BgColor`] || props.bgColor};
     position: relative;
-    overflow: hidden;
+    overflow: ${props => !props.isFullWidth && 'hidden'};
 
     @media (max-width: 768px) {
         padding: ${props => props.isPadded && (props.paddingMobile || '40px 0')};
@@ -88,7 +88,6 @@ const Wrap = styled(FlexWrap)<WrapProps>`
     max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')};
     text-align: ${props => props.isTextCentered && 'center'};
     margin: 0 auto;
-    overflow: hidden;
 
     @media (max-width: 768px) {
         width: calc(100% - 60px);
-- 
cgit