diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 40237a44..d3795712 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -74,7 +74,7 @@ export function BetsList(props: { user: User }) {
   )
 
   return (
-    <Col className="mt-6 gap-10">
+    <Col className="mt-6 gap-6">
       <Row className="gap-8">
         <Col>
           <div className="text-sm text-gray-500">Active bets</div>
diff --git a/web/pages/bets.tsx b/web/pages/bets.tsx
index 009fc3d7..999c6fa2 100644
--- a/web/pages/bets.tsx
+++ b/web/pages/bets.tsx
@@ -2,10 +2,10 @@ import { BetsList } from '../components/bets-list'
 import { Header } from '../components/header'
 import { SEO } from '../components/SEO'
 import { Title } from '../components/title'
-import { User } from '../lib/firebase/users'
+import { useUser } from '../hooks/use-user'
 
-export default function BetsPage(props: { user: User; currentUser?: User }) {
-  const { user } = props
+export default function BetsPage() {
+  const user = useUser()
 
   return (
     <div>