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>