diff --git a/web/components/bets-list.tsx b/web/components/bets-list.tsx
index 48c082e6..9868441d 100644
--- a/web/components/bets-list.tsx
+++ b/web/components/bets-list.tsx
@@ -44,7 +44,8 @@ export function BetsList(props: { user: User }) {
     return <></>
   }
 
-  if (bets.length === 0) return <div>You have not made any bets yet!</div>
+  if (bets.length === 0)
+    return <div className="text-gray-500">You have not made any bets yet!</div>
 
   // Decending creation time.
   bets.sort((bet1, bet2) => bet2.createdTime - bet1.createdTime)
diff --git a/web/pages/bets.tsx b/web/pages/bets.tsx
new file mode 100644
index 00000000..009fc3d7
--- /dev/null
+++ b/web/pages/bets.tsx
@@ -0,0 +1,25 @@
+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'
+
+export default function BetsPage(props: { user: User; currentUser?: User }) {
+  const { user } = props
+
+  return (
+    <div>
+      <SEO title="Your bets" description="Your bets" url="/bets" />
+
+      <Header />
+
+      <div className="max-w-4xl pt-8 pb-0 sm:pb-8 mx-auto">
+        <div>
+          <Title text="Your bets" />
+
+          <BetsList user={user} />
+        </div>
+      </div>
+    </div>
+  )
+}