From 643dd1798f5324029804af180f4232c39df233ef Mon Sep 17 00:00:00 2001
From: Steven Engelbert <steve@micro-nova.com>
Date: Fri, 3 Jan 2025 16:30:23 -0500
Subject: [PATCH] Create "thumb space" for scrolling volume dropdown on mobile

---
 web/src/components/GroupVolumeSlider/GroupVolumeSlider.scss | 1 -
 web/src/components/ZoneVolumeSlider/ZoneVolumeSlider.scss   | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/GroupVolumeSlider/GroupVolumeSlider.scss b/web/src/components/GroupVolumeSlider/GroupVolumeSlider.scss
index 0cd2de6f8..0ce4199b8 100644
--- a/web/src/components/GroupVolumeSlider/GroupVolumeSlider.scss
+++ b/web/src/components/GroupVolumeSlider/GroupVolumeSlider.scss
@@ -27,5 +27,4 @@
 
 .group-volume-slider {
   width: 100%;
-  margin: 0 1rem;
 }
diff --git a/web/src/components/ZoneVolumeSlider/ZoneVolumeSlider.scss b/web/src/components/ZoneVolumeSlider/ZoneVolumeSlider.scss
index 73669bc62..3402b9a45 100644
--- a/web/src/components/ZoneVolumeSlider/ZoneVolumeSlider.scss
+++ b/web/src/components/ZoneVolumeSlider/ZoneVolumeSlider.scss
@@ -3,4 +3,5 @@
 .zone-volume-container {
   @include general.header-font;
   font-size: 1rem;
+  max-width: calc(100% - 47px)
 }