Update content pages

server/pages/components/Layout.js

@@ -2,6 +2,7 @@
 import * as React from 'react';
 import { Helmet } from 'react-helmet';
 import styled from 'styled-components';
+import breakpoint from 'styled-components-breakpoint';
 import { TopNavigation, BottomNavigation } from './Navigation';
 import Analytics from '../../../shared/components/Analytics';
 import globalStyles from '../../../shared/styles/globals';
@@ -75,6 +76,10 @@ function Layout({ children }: Props) {
 
 const Body = styled.body`
   padding: 0 30px;
+
+  ${breakpoint('tablet')`
+    padding: 0;
+  `};
 `;
 
 export default Layout;