diff --git a/app/components/CenteredContent.js b/app/components/CenteredContent.js index b25801640..3f3685cdd 100644 --- a/app/components/CenteredContent.js +++ b/app/components/CenteredContent.js @@ -21,6 +21,10 @@ const Container = styled.div` const Content = styled.div` max-width: 46em; margin: 0 auto; + + ${breakpoint("desktopLarge")` + max-width: 52em; + `}; `; const CenteredContent = ({ children, ...rest }: Props) => { diff --git a/app/scenes/Document/components/Document.js b/app/scenes/Document/components/Document.js index 8bda4b951..2768b42f1 100644 --- a/app/scenes/Document/components/Document.js +++ b/app/scenes/Document/components/Document.js @@ -498,7 +498,7 @@ const MaxWidth = styled(Flex)` `}; ${breakpoint("desktopLarge")` - max-width: calc(48px + 46em); + max-width: calc(48px + 52em); `}; `;