From 70df5a0a1721aeaacb80580512fa4a232679301d Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Thu, 13 Dec 2018 11:26:52 +0100
Subject: About pages wrapwidths

---
 packages/website/ts/@next/components/newLayout.tsx | 3 ++-
 packages/website/ts/@next/pages/about/jobs.tsx     | 6 +++---
 packages/website/ts/@next/pages/about/mission.tsx  | 2 +-
 packages/website/ts/@next/pages/about/team.tsx     | 2 ++
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 617cc81c8..3126db7ee 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -95,7 +95,8 @@ const SectionBase = styled.section<SectionProps>`
 `;
 
 const Wrap = styled(FlexWrap)<WrapProps>`
-    width: ${props => props.bgColor ? 'calc(100% - 60px)' : props.wrapWidth};
+    width: ${props => props.wrapWidth || 'calc(100% - 60px)'};
+    width: ${props => props.bgColor && 'calc(100% - 60px)'};
     max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')};
     text-align: ${props => props.isTextCentered && 'center'};
     margin: 0 auto;
diff --git a/packages/website/ts/@next/pages/about/jobs.tsx b/packages/website/ts/@next/pages/about/jobs.tsx
index 3ee96f229..71192d884 100644
--- a/packages/website/ts/@next/pages/about/jobs.tsx
+++ b/packages/website/ts/@next/pages/about/jobs.tsx
@@ -44,7 +44,7 @@ export const NextAboutJobs = () => (
         linkLabel="Our mission and values"
         linkUrl="/mission"
     >
-        <Section bgColor="#F3F6F4" isFlex={true} maxWidth="1170px">
+        <Section bgColor="#F3F6F4" isFlex={true} maxWidth="1170px" wrapWidth="100%">
                 <Column maxWidth="442px">
                     <Heading size="medium" marginBottom="30px">
                         Powered by a Diverse Worldwide Community
@@ -62,7 +62,7 @@ export const NextAboutJobs = () => (
                 </Column>
         </Section>
 
-        <Section isFlex={true} maxWidth="1170px">
+        <Section isFlex={true} maxWidth="1170px" wrapWidth="100%">
                 <Column colWidth="1/3">
                     <Heading size="medium">Benefits</Heading>
                 </Column>
@@ -83,7 +83,7 @@ export const NextAboutJobs = () => (
                 </Column>
         </Section>
 
-        <Section isFlex={true} maxWidth="1170px">
+        <Section isFlex={true} maxWidth="1170px" wrapWidth="100%">
             <Column>
                 <Heading size="medium">Current<br/>Openings</Heading>
             </Column>
diff --git a/packages/website/ts/@next/pages/about/mission.tsx b/packages/website/ts/@next/pages/about/mission.tsx
index 5ebbf8f7c..b06130345 100644
--- a/packages/website/ts/@next/pages/about/mission.tsx
+++ b/packages/website/ts/@next/pages/about/mission.tsx
@@ -44,7 +44,7 @@ export const NextAboutMission = () => (
             />
         </Section>
 
-        <Section isFlex={true} maxWidth="1170px">
+        <Section isFlex={true} maxWidth="1170px" wrapWidth="100%">
             <Column>
                 <Heading size="medium">
                     Core Values
diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx
index 5a73d1f89..ae72588a3 100644
--- a/packages/website/ts/@next/pages/about/team.tsx
+++ b/packages/website/ts/@next/pages/about/team.tsx
@@ -184,6 +184,7 @@ export const NextAboutTeam = () => (
     >
         <Section
             maxWidth="1170px"
+            wrapWidth="100%"
             isFlex={true}
             flexBreakpoint="900px"
         >
@@ -206,6 +207,7 @@ export const NextAboutTeam = () => (
         <Section
             bgColor="#F3F6F4"
             maxWidth="1170px"
+            wrapWidth="100%"
             flexBreakpoint="900px"
             isFlex={true}
         >
-- 
cgit