aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/newLayout.tsx3
-rw-r--r--packages/website/ts/@next/pages/about/jobs.tsx6
-rw-r--r--packages/website/ts/@next/pages/about/mission.tsx2
-rw-r--r--packages/website/ts/@next/pages/about/team.tsx2
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}
>