styling fixes

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 {

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";
                               }
                             }}

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 {

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"