From d0627fc14cb9cc133caeb9dbb0a3a0273f09b900 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Sun, 15 Feb 2026 21:55:31 +0100
Subject: [PATCH] FIX: pinned items overflow

---
 js/ui-interactions.js | 2 +-
 styles.css            | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/js/ui-interactions.js b/js/ui-interactions.js
index 465c2c1..d06adb6 100644
--- a/js/ui-interactions.js
+++ b/js/ui-interactions.js
@@ -515,7 +515,7 @@ export function initializeUIInteractions(player, api, ui) {
 
     document.body.addEventListener('mouseover', (e) => {
         const selector =
-            '.card-title, .card-subtitle, .track-item-details .title, .track-item-details .artist, .now-playing-bar .title, .now-playing-bar .artist, .now-playing-bar .album';
+            '.card-title, .card-subtitle, .track-item-details .title, .track-item-details .artist, .now-playing-bar .title, .now-playing-bar .artist, .now-playing-bar .album, .pinned-item-name';
         const target = e.target.closest(selector);
 
         if (target) {
diff --git a/styles.css b/styles.css
index 36ab841..f3c584c 100644
--- a/styles.css
+++ b/styles.css
@@ -6444,11 +6444,10 @@ textarea:focus {
 
 #pinned-items-nav {
     flex: 1 1 auto;
-    overflow-y: auto;
-    overflow-x: hidden;
     min-height: 0;
     margin-bottom: 0;
     padding-bottom: 0;
+    overflow: visible;
 }
 
 .sidebar-nav-bottom {