diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index 2954000c..ad105c9d 100644
--- a/web/components/contract-overview.tsx
+++ b/web/components/contract-overview.tsx
@@ -14,6 +14,7 @@ import { useUser } from '../hooks/use-user'
 import { Row } from './layout/row'
 import dayjs from 'dayjs'
 import { Linkify } from './linkify'
+import clsx from 'clsx'
 
 function ContractDescription(props: {
   contract: Contract
@@ -102,7 +103,7 @@ export const ContractOverview = (props: {
   }[contract.resolution || '']
 
   return (
-    <Col className={className}>
+    <Col className={clsx('mb-6', className)}>
       <Col className="justify-between md:flex-row">
         <Col>
           <div className="text-3xl text-indigo-700 mb-4">
diff --git a/web/components/nav-bar.tsx b/web/components/nav-bar.tsx
index 2b8e4082..0798b29a 100644
--- a/web/components/nav-bar.tsx
+++ b/web/components/nav-bar.tsx
@@ -32,7 +32,7 @@ export function NavBar(props: {
     >
       <Row
         className={clsx(
-          'justify-between items-center mx-auto px-4',
+          'justify-between items-center mx-auto sm:px-4',
           wide ? 'max-w-7xl' : 'max-w-4xl'
         )}
       >
diff --git a/web/pages/[username]/[contractSlug].tsx b/web/pages/[username]/[contractSlug].tsx
index 57aaed2b..3bb7b5ad 100644
--- a/web/pages/[username]/[contractSlug].tsx
+++ b/web/pages/[username]/[contractSlug].tsx
@@ -97,7 +97,6 @@ function BetsSection(props: { contract: Contract; user: User | null }) {
 
   return (
     <div>
-      <Spacer h={6} />
       <Title text="Your bets" />
       <MyBetsSummary contract={contract} bets={userBets} />
       <Spacer h={6} />