diff --git a/app/scenes/Document/components/Document.js b/app/scenes/Document/components/Document.js
index 5147187d8..3ba2ce9ab 100644
--- a/app/scenes/Document/components/Document.js
+++ b/app/scenes/Document/components/Document.js
@@ -384,11 +384,12 @@ const MaxWidth = styled(Flex)`
   ${breakpoint('tablet')`	
     padding: 0 24px;
     margin: 4px auto 12px;
-    max-width: ${props => (props.tocVisible ? '64em' : '46em')};
+    max-width: calc(48px + ${props => (props.tocVisible ? '64em' : '46em')});
   `};
 
   ${breakpoint('desktopLarge')`
-    max-width: 46em;
+    max-width: calc(48px + 46em);
+    box-sizing: 
   `};
 `;
 
diff --git a/shared/styles/theme.js b/shared/styles/theme.js
index 779b6b2d3..e4df7b966 100644
--- a/shared/styles/theme.js
+++ b/shared/styles/theme.js
@@ -58,7 +58,7 @@ export const base = {
     mobile: 0, // targeting all devices
     tablet: 737, // targeting devices that are larger than the iPhone 6 Plus (which is 736px in landscape mode)
     desktop: 1025, // targeting devices that are larger than the iPad (which is 1024px in landscape mode)
-    desktopLarge: 1550,
+    desktopLarge: 1600,
   },
 };