fix: Non-toc horizontal heading alignment

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

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,
   },
 };