Increase padding on contract page

web/components/contract-overview.tsx

@@ -40,7 +40,7 @@ export const ContractOverview = (props: {
 
   return (
     <Col className={clsx('mb-6', className)}>
-      <Row className="justify-between gap-4">
+      <Row className="justify-between gap-4 px-2">
         <Col className="gap-4">
           <div className="text-2xl md:text-3xl text-indigo-700">
             <Linkify text={contract.question} />

web/pages/[username]/[contractSlug].tsx

@@ -119,8 +119,13 @@ function BetsSection(props: { contract: Contract; user: User | null }) {
 
   return (
     <div>
-      <Title text="Your trades" />
-      <MyBetsSummary contract={contract} bets={userBets} showMKT />
+      <Title className="px-2" text="Your trades" />
+      <MyBetsSummary
+        className="px-2"
+        contract={contract}
+        bets={userBets}
+        showMKT
+      />
       <Spacer h={6} />
       <ContractBetsTable contract={contract} bets={userBets} />
       <Spacer h={12} />