From c895bc9c6bc39f1fee10beb48e16a79ba84f450d Mon Sep 17 00:00:00 2001
From: jwkim <jwkim@o2o.kr>
Date: Tue, 25 Aug 2026 10:37:51 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B0=80=EC=82=AC=20=ED=8C=A8=EB=84=90=20?=
 =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=EB=B0=94=20=EB=8B=A4=ED=81=AC=20?=
 =?UTF-8?q?=EC=8A=AC=EB=A6=BC=20=EC=8A=A4=ED=83=80=EC=9D=BC=20(=ED=9D=B0?=
 =?UTF-8?q?=EC=83=89=20=EA=B8=B0=EB=B3=B8=20=ED=8A=B8=EB=9E=99=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 frontend/src/components/MusicBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/MusicBar.tsx b/frontend/src/components/MusicBar.tsx
index 36d5b6e..bf3167f 100644
--- a/frontend/src/components/MusicBar.tsx
+++ b/frontend/src/components/MusicBar.tsx
@@ -294,7 +294,7 @@ export default function MusicBar() {
                   ×
                 </button>
               </div>
-              <pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap font-sans text-[13px] leading-relaxed text-white/80">
+              <pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap font-sans text-[13px] leading-relaxed text-white/80 [scrollbar-width:thin] [scrollbar-color:rgba(255,255,255,0.25)_transparent] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-white/20">
                 {currentTrack.lyrics}
               </pre>
             </div>