From e045909acbcf844a55dc845d04d93bd11d7d59f4 Mon Sep 17 00:00:00 2001
From: Mike Freno <michael@freno.me>
Date: Tue, 10 Feb 2026 13:10:12 -0500
Subject: [PATCH] somehow this works better

---
 src/app.tsx             | 2 +-
 src/components/Bars.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app.tsx b/src/app.tsx
index 47b540a..34fd7b4 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -160,7 +160,7 @@ function AppLayout(props: { children: any }) {
         <LeftBar />
         <div
           id="center-body"
-          class="bg-base relative h-screen w-screen overflow-x-hidden md:ml-62.5 md:w-[calc(100vw-500px)]"
+          class="bg-base relative h-screen w-screen overflow-x-hidden md:ml-[250px] md:w-[calc(100vw-500px)]"
         >
           <noscript>
             <div class="bg-yellow text-crust border-text fixed top-0 z-150 border-b-2 p-4 text-center font-semibold md:w-[calc(100vw-500px)]">
diff --git a/src/components/Bars.tsx b/src/components/Bars.tsx
index 6ede17d..98256e2 100644
--- a/src/components/Bars.tsx
+++ b/src/components/Bars.tsx
@@ -616,6 +616,7 @@ export function RightBar() {
         "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
         "box-shadow": "inset 6px 0 16px -6px rgba(0, 0, 0, 0.1)",
         "padding-top": "env(safe-area-inset-top)",
+        width: "250px",
         "padding-bottom": "env(safe-area-inset-bottom)",
         "scrollbar-width": "none"
       }}