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>