diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss
index 9b73d87..465329b 100644
--- a/de/home/.config/eww/eww.scss
+++ b/de/home/.config/eww/eww.scss
@@ -18,6 +18,16 @@
 .rightgroup>* {
   margin: 10px 0px 10px 5px;
 }
+scale trough {
+  background-color: $color1;
+  min-width: 100px;
+  min-height: 10px;
+  border-radius: 4px;
+}
+scale trough highlight {
+  background-color: $color2;
+  border-radius: 4px;
+}
 circular-progress {
   color: $color1;
   background-color: $color2;
diff --git a/de/home/.config/eww/eww.yuck b/de/home/.config/eww/eww.yuck
index 9926162..54290a6 100644
--- a/de/home/.config/eww/eww.yuck
+++ b/de/home/.config/eww/eww.yuck
@@ -91,7 +91,11 @@
     :space-evenly false
     :halign "center"
     (scale
-      :value '50')))
+      :min 0
+      :max 100
+      :value 50
+      :orientation "h"
+      :onchange "wpctl set-volume @DEFAULT_AUDIO_SINK@ {}%")))
 
 (defpoll vpn_active :initial false
                     :interval "5s"