From 48bf4607b8d34857d0a5452db1c4258a1a456845 Mon Sep 17 00:00:00 2001
From: Michael Freno <michaelt.freno@gmail.com>
Date: Tue, 30 Dec 2025 15:10:25 -0500
Subject: [PATCH] styling fixes

---
 src/app.css              | 3 ++-
 src/components/Bars.tsx  | 5 ++++-
 src/routes/blog/post.css | 1 -
 src/routes/index.tsx     | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app.css b/src/app.css
index 2dae120..b1cc122 100644
--- a/src/app.css
+++ b/src/app.css
@@ -209,7 +209,8 @@
   transition-duration: 500ms;
   syntax: "*";
   inherits: false;
-  scrollbar-gutter: stable;
+  scrollbar-gutter: stable both-edges;
+  scrollbar-color: var(--color-text) var(--color-base);
 }
 
 ::selection {
diff --git a/src/components/Bars.tsx b/src/components/Bars.tsx
index 278be55..2c24fa3 100644
--- a/src/components/Bars.tsx
+++ b/src/components/Bars.tsx
@@ -416,7 +416,10 @@ export function LeftBar() {
                             onError={(e) => {
                               // Fallback to full banner if thumbnail doesn't exist
                               const img = e.currentTarget;
-                              if (img.src !== (post.banner_photo || "/blueprint.jpg")) {
+                              if (
+                                img.src !==
+                                (post.banner_photo || "/blueprint.jpg")
+                              ) {
                                 img.src = post.banner_photo || "/blueprint.jpg";
                               }
                             }}
diff --git a/src/routes/blog/post.css b/src/routes/blog/post.css
index 7d31393..13a0a30 100644
--- a/src/routes/blog/post.css
+++ b/src/routes/blog/post.css
@@ -691,7 +691,6 @@ pre {
   background: #0d0d0d;
   color: #fff;
   font-family: "Source Code Pro", monospace;
-  padding: 0.75rem 1rem;
   border-radius: 0.5rem;
 
   code {
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 9553481..65ec0ec 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -106,7 +106,7 @@ export default function Home() {
               </div>
 
               {/* Life and Lineage */}
-              <div class="border-surface0 flex w-full flex-col gap-2 rounded-md border-2 p-4 text-center xl:mr-4">
+              <div class="border-surface0 flex w-full flex-col gap-2 rounded-md border-2 p-4 text-center">
                 <div>My mobile game:</div>
                 <a
                   class="text-blue hover-underline-animation mx-auto w-fit"