diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index 0574aad9..964f70f0 100644
--- a/web/components/contract-overview.tsx
+++ b/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} />
diff --git a/web/pages/[username]/[contractSlug].tsx b/web/pages/[username]/[contractSlug].tsx
index 30092509..57ceb4f0 100644
--- a/web/pages/[username]/[contractSlug].tsx
+++ b/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} />