From fbe3a0090f1c3f638b8d625363840a7134d85b46 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Tue, 4 Nov 2025 21:44:50 -0800
Subject: [PATCH] Fix some layout issues

---
 .../skin-database/app/(modern)/scroll/SkinScroller.tsx   | 3 +++
 packages/skin-database/app/(modern)/scroll/scroll.css    | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/skin-database/app/(modern)/scroll/SkinScroller.tsx b/packages/skin-database/app/(modern)/scroll/SkinScroller.tsx
index 27505159..aff10b26 100644
--- a/packages/skin-database/app/(modern)/scroll/SkinScroller.tsx
+++ b/packages/skin-database/app/(modern)/scroll/SkinScroller.tsx
@@ -66,6 +66,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
             key={skin.md5}
             skin-md5={skin.md5}
             skin-index={i}
+            className="scroller"
             style={{
               display: "flex",
               flexDirection: "column",
@@ -100,6 +101,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
                   paddingBottom: "0",
                   fontFamily: 'Arial, "Helvetica Neue", Helvetica, sans-serif',
                   color: "#ccc",
+                  wordBreak: "break-all",
                 }}
               >
                 {skin.fileName}
@@ -111,6 +113,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
                   paddingTop: "0",
                   color: "#999",
                   fontFamily: 'monospace, "Courier New", Courier, monospace',
+                  overflow: "hidden",
                 }}
               >
                 {skin.readmeStart}
diff --git a/packages/skin-database/app/(modern)/scroll/scroll.css b/packages/skin-database/app/(modern)/scroll/scroll.css
index 0e2250f5..ae1b15a6 100644
--- a/packages/skin-database/app/(modern)/scroll/scroll.css
+++ b/packages/skin-database/app/(modern)/scroll/scroll.css
@@ -3,3 +3,12 @@ body {
   height: 100vh; /* Set body height to viewport height */
   background-color: rgb(0, 0, 0);
 }
+
+.scroller::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Edge */
+}
+
+.scroller {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}