legal pages layout

frontend/pages/privacy-policy/index.js

@@ -5,7 +5,7 @@ import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
 
 const PrivacyPolicy = () => (
   <Box mt="72px">
-    <Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
+    <Box m="auto" mb={8} maxWidth="1238px" minHeight="60vh">
       <Heading my={8} as="h1">
         Privacy Policy for Moonstream
       </Heading>

frontend/pages/tos/index.js

@@ -6,7 +6,7 @@ import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
 
 const TermsOfService = () => (
   <Box mt="72px">
-    <Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
+    <Box m="auto" mb={8} maxWidth="1238" minHeight="60vh">
       <Heading textAlign="start" my={8} as="h1">
         Moonstream Terms of Service
       </Heading>