From f27072d06eb6341ad99917789b4bd2eea09cb048 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 23 Apr 2021 16:41:40 -0700
Subject: [PATCH] feat: More space for content on larger screens

---
 app/components/CenteredContent.js          | 4 ++++
 app/scenes/Document/components/Document.js | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

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);
   `};
 `;