diff --git a/app/components/Main.tsx b/app/components/Main.tsx
index e48303e79..8a1cf837c 100644
--- a/app/components/Main.tsx
+++ b/app/components/Main.tsx
@@ -5,10 +5,12 @@ export const Main = ({
   children,
   className,
   halfWidth,
+  style,
 }: {
   children: React.ReactNode;
   className?: string;
   halfWidth?: boolean;
+  style?: React.CSSProperties;
 }) => (
   <main
     className={clsx(
@@ -17,6 +19,7 @@ export const Main = ({
       { "half-width": halfWidth },
       className
     )}
+    style={style}
   >
     {children}
   </main>
diff --git a/app/routes/test.tsx b/app/routes/test.tsx
index 613427048..2e4a7caa1 100644
--- a/app/routes/test.tsx
+++ b/app/routes/test.tsx
@@ -47,8 +47,8 @@ export default function BuildsPage() {
 
   return (
     <>
-      <div id="top-leaderboard" />
-      <Main className="stack md">
+      <div id="top-leaderboard" style={{ marginTop: "var(--s-20)" }} />
+      <Main className="stack md" style={{ paddingBlockStart: "var(--s-12)" }}>
         {weaponCategories.map((category) => (
           <div key={category.name} className="builds__category">
             <div className="builds__category__header">
diff --git a/app/styles/layout.css b/app/styles/layout.css
index 29604ad5f..d80910b0d 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -152,6 +152,7 @@
   background-color: var(--bg-lighter);
   gap: var(--s-6);
   margin-block-start: auto;
+  padding-block-end: var(--s-32);
 }
 
 .layout__footer__link-list {