From c9ef20edf78fb4a600a60f58e6792562b158d94d Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Sun, 6 Sep 2020 18:45:20 -0700
Subject: [PATCH] max width to the entire page layout

---
 src/app/ItemsPage.js  | 2 +-
 src/app/PageLayout.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/ItemsPage.js b/src/app/ItemsPage.js
index 804ad05..906f9c3 100644
--- a/src/app/ItemsPage.js
+++ b/src/app/ItemsPage.js
@@ -43,7 +43,7 @@ function ItemsPage() {
   }
 
   return (
-    <Box maxWidth="800px" margin="0 auto">
+    <Box>
       <Heading1 marginBottom="8">
         {isCurrentUser ? "Items you own" : `Items ${data.user.username} owns`}
       </Heading1>
diff --git a/src/app/PageLayout.js b/src/app/PageLayout.js
index 0d67ad2..5e0b3b3 100644
--- a/src/app/PageLayout.js
+++ b/src/app/PageLayout.js
@@ -11,7 +11,7 @@ import HomepageSplashImg from "../images/homepage-splash.png";
 
 function PageLayout({ children, hideHomeLink }) {
   return (
-    <Box padding="6" paddingTop="3">
+    <Box padding="6" paddingTop="3" maxWidth="800px" margin="0 auto">
       <Box
         width="100%"
         display="flex"