From b99f9dd193c757d3b396f8316dae8c51d65c38e1 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Thu, 16 Jun 2022 14:43:34 -0700
Subject: [PATCH] make leaderboard margin same as other pages

---
 web/components/page.tsx    | 8 ++------
 web/pages/leaderboards.tsx | 4 ++--
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/web/components/page.tsx b/web/components/page.tsx
index 3dce9c67..78a3d5e7 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -5,20 +5,16 @@ import Sidebar from './nav/sidebar'
 import { Toaster } from 'react-hot-toast'
 
 export function Page(props: {
-  margin?: boolean
   rightSidebar?: ReactNode
   suspend?: boolean
   children?: ReactNode
 }) {
-  const { margin, children, rightSidebar, suspend } = props
+  const { children, rightSidebar, suspend } = props
 
   return (
     <>
       <div
-        className={clsx(
-          'mx-auto w-full pb-14 lg:grid lg:grid-cols-12 lg:gap-2 lg:pt-6 xl:max-w-7xl xl:gap-8',
-          margin && 'px-4'
-        )}
+        className="mx-auto w-full pb-14 lg:grid lg:grid-cols-12 lg:gap-2 lg:pt-6 xl:max-w-7xl xl:gap-8"
         style={suspend ? visuallyHiddenStyle : undefined}
       >
         <Toaster />
diff --git a/web/pages/leaderboards.tsx b/web/pages/leaderboards.tsx
index 735a00f9..6a014834 100644
--- a/web/pages/leaderboards.tsx
+++ b/web/pages/leaderboards.tsx
@@ -36,8 +36,8 @@ export default function Leaderboards(props: {
   useTracking('view leaderboards')
 
   return (
-    <Page margin>
-      <Col className="items-center gap-10 lg:flex-row">
+    <Page>
+      <Col className="mx-4 items-center gap-10 lg:mx-0 lg:flex-row">
         <Leaderboard
           title="🏅 Top bettors"
           users={topTraders}