From 0826345fa862a4f1a824178753a10b5e11034a0f Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 29 Mar 2022 09:33:58 -0700
Subject: [PATCH] Keep column always centered

---
 web/components/page.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/components/page.tsx b/web/components/page.tsx
index bda0ddd7..f045a729 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -25,7 +25,14 @@ export function Page(props: {
         <div className="hidden lg:col-span-3 lg:block xl:col-span-2">
           <Sidebar />
         </div>
-        <main className="lg:col-span-9 xl:col-span-7">{children}</main>
+        <main
+          className={clsx(
+            'lg:col-span-9',
+            rightSidebar ? 'xl:col-span-7' : 'xl:col-span-8'
+          )}
+        >
+          {children}
+        </main>
         <aside className="hidden xl:col-span-3 xl:block">
           <div className="sticky top-4 space-y-4">{rightSidebar}</div>
         </aside>