diff --git a/src/renderer/features/now-playing/components/sidebar-play-queue.module.css b/src/renderer/features/now-playing/components/sidebar-play-queue.module.css
index 2365d799e..850a64065 100644
--- a/src/renderer/features/now-playing/components/sidebar-play-queue.module.css
+++ b/src/renderer/features/now-playing/components/sidebar-play-queue.module.css
@@ -53,19 +53,23 @@
 
 .resize-handle {
     position: relative;
+    z-index: 10;
     flex-shrink: 0;
     width: 100%;
-    height: 4px !important;
+    height: 0;
+    padding: 4px 0;
+    margin: -4px 0;
     cursor: row-resize;
 
     &::before {
         position: absolute;
-        top: 0;
+        top: 50%;
         left: 0;
         width: 100%;
         height: 1px;
         content: '';
         background: var(--theme-colors-border);
+        transform: translateY(-50%);
         transition: opacity 0.2s ease;
     }
 }
diff --git a/src/renderer/features/now-playing/components/sidebar-play-queue.tsx b/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
index 9b92e6054..7f6670510 100644
--- a/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
+++ b/src/renderer/features/now-playing/components/sidebar-play-queue.tsx
@@ -184,7 +184,6 @@ export const SidebarPlayQueue = () => {
                     direction="vertical"
                     dividerClassName={styles.resizeHandle}
                     onResize={onLayoutChange}
-                    style={{ flex: 1, height: '100%', minHeight: 0 }}
                 >
                     {orderedPanels.map((panel, index) =>
                         renderPanel(panel, index, orderedPanels.length),