From e00df593580a9aa5cc9d8c79a38b2d9a5678acf7 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Thu, 12 Feb 2026 22:33:43 -0800
Subject: [PATCH] ui: player: fix volume slider overflow in desktop player
 controls

---
 src/lib/components/player/PlayerDesktop.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/player/PlayerDesktop.svelte b/src/lib/components/player/PlayerDesktop.svelte
index 6bf32d9..61a7020 100644
--- a/src/lib/components/player/PlayerDesktop.svelte
+++ b/src/lib/components/player/PlayerDesktop.svelte
@@ -63,7 +63,7 @@
 			<div class="flex justify-center gap-4 divide-x divide-accent">
 				<Controls />
 				<!-- Volume -->
-				<div class="flex items-center gap-3">
+				<div class="flex items-center gap-3 min-w-0">
 					<button
 						onclick={() => player.toggleMute()}
 						class="text-muted-foreground hover:text-foreground transition-colors"
@@ -82,7 +82,7 @@
 						bind:value={player.volume}
 						max={1}
 						step={0.05}
-						class="flex-1"
+						class="flex-1 min-w-0"
 					/>
 				</div>
 			</div>