Adjust layout

app/components/Main.tsx

@@ -19,26 +19,23 @@ export const Main = ({
   const showLeaderboard = !user?.patronTier;
 
   return (
-    <>
-      {showLeaderboard ? <div id="top-leaderboard" /> : null}
-      <main
-        className={
-          classNameOverwrite
-            ? clsx(classNameOverwrite, {
-                "half-width": halfWidth,
-                "pt-12-forced": showLeaderboard,
-              })
-            : clsx(
-                "layout__main",
-                "main",
-                { "half-width": halfWidth, "pt-12-forced": showLeaderboard },
-                className
-              )
-        }
-        style={style}
-      >
-        {children}
-      </main>
-    </>
+    <main
+      className={
+        classNameOverwrite
+          ? clsx(classNameOverwrite, {
+              "half-width": halfWidth,
+              "pt-12-forced": showLeaderboard,
+            })
+          : clsx(
+              "layout__main",
+              "main",
+              { "half-width": halfWidth, "pt-12-forced": showLeaderboard },
+              className
+            )
+      }
+      style={style}
+    >
+      {children}
+    </main>
   );
 };

app/components/layout/index.tsx

@@ -50,6 +50,9 @@ export const Layout = React.memo(function Layout({
 
   const isFrontPage = location.pathname === "/";
 
+  const showLeaderboard =
+    !user?.patronTier && !location.pathname.includes("plans");
+
   return (
     <div className="layout__container">
       <header className="layout__header">
@@ -107,6 +110,7 @@ export const Layout = React.memo(function Layout({
         </div>
       </header>
       {!isFrontPage ? <SideNav /> : null}
+      {showLeaderboard ? <div id="top-leaderboard" /> : null}
       {children}
       <Footer patrons={patrons} />
     </div>