make leaderboard margin same as other pages

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(
+        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"
-          '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'
-        )}
         style={suspend ? visuallyHiddenStyle : undefined}
       >
         <Toaster />

web/pages/leaderboards.tsx

@@ -36,8 +36,8 @@ export default function Leaderboards(props: {
   useTracking('view leaderboards')
 
   return (
-    <Page margin>
+    <Page>
-      <Col className="items-center gap-10 lg:flex-row">
+      <Col className="mx-4 items-center gap-10 lg:mx-0 lg:flex-row">
         <Leaderboard
           title="🏅 Top bettors"
           users={topTraders}