diff --git a/web/pages/activity.tsx b/web/pages/activity.tsx
index 136b1425..dae5c152 100644
--- a/web/pages/activity.tsx
+++ b/web/pages/activity.tsx
@@ -11,7 +11,7 @@ import { Col } from '../components/layout/col'
 function FeedCard(props: { contract: Contract }) {
   const { contract } = props
   return (
-    <div className="card bg-white shadow-md rounded-lg divide-y divide-gray-200 py-6 px-4 max-w-3xl">
+    <div className="card bg-white shadow-md rounded-lg divide-y divide-gray-200 py-6 px-4 max-w-4xl">
       <ContractFeed contract={contract} feedType="activity" />
     </div>
   )
diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index 3cd6430f..1a4a19d2 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -84,7 +84,7 @@ export default function NewContract() {
     <Page>
       <Title text="Create a new prediction market" />
 
-      <div className="w-full max-w-3xl bg-gray-100 rounded-lg shadow-md px-6 py-4">
+      <div className="w-full max-w-4xl bg-gray-100 rounded-lg shadow-md px-6 py-4">
         {/* Create a Tailwind form that takes in all the fields needed for a new contract */}
         {/* When the form is submitted, create a new contract in the database */}
         <form>