diff --git a/desktopenvs/hyprdrive/supersonic-booster/style/style.css b/desktopenvs/hyprdrive/supersonic-booster/style/style.css
index 29dc0be..7eeeed2 100644
--- a/desktopenvs/hyprdrive/supersonic-booster/style/style.css
+++ b/desktopenvs/hyprdrive/supersonic-booster/style/style.css
@@ -68,7 +68,7 @@ drawingarea {
 }
 
 .sb-tab-page {
-  min-height: 260px;
+  min-height: 190px;
 }
 
 /* ---- horizontal scroll row of cards --------------------------------------- */
@@ -85,8 +85,8 @@ drawingarea {
   background-color: alpha(@violet, 0.30);
   border: 2px solid #8A5CFF;
   border-radius: 14px;
-  padding: 10px 12px;
-  min-width: 170px;
+  padding: 8px 10px;
+  min-width: 150px;
 }
 .sb-card-head { margin-bottom: 2px; }
 .sb-card-title {
diff --git a/desktopenvs/hyprdrive/supersonic-booster/ui/meter.py b/desktopenvs/hyprdrive/supersonic-booster/ui/meter.py
index fc2b605..c6dc26e 100644
--- a/desktopenvs/hyprdrive/supersonic-booster/ui/meter.py
+++ b/desktopenvs/hyprdrive/supersonic-booster/ui/meter.py
@@ -42,7 +42,7 @@ class VolumeMeter(Gtk.Box):
         self.scale.set_draw_value(True)
         self.scale.set_value_pos(Gtk.PositionType.RIGHT)
         self.scale.set_hexpand(True)
-        self.scale.set_size_request(120, -1)
+        self.scale.set_size_request(90, -1)
         self.scale.add_css_class("sb-meter")
         self.scale.add_mark(100, Gtk.PositionType.BOTTOM, None)
         self.scale.connect("value-changed", self._on_value_changed)
diff --git a/desktopenvs/hyprdrive/supersonic-booster/window.py b/desktopenvs/hyprdrive/supersonic-booster/window.py
index 981e6a1..4dac709 100644
--- a/desktopenvs/hyprdrive/supersonic-booster/window.py
+++ b/desktopenvs/hyprdrive/supersonic-booster/window.py
@@ -1,8 +1,18 @@
-"""The popup: a content-sized floating layer-shell panel anchored top-centre,
+"""The popup: a content-sized floating layer-shell panel anchored top-right,
 matching transmitter-panel/astro-menu's window.py idiom — dismissed with the
 launcher toggle, Esc, or the ✕ button, no click-outside-to-close.
 
-  Gtk.Window (layer TOP, anchored TOP -> horizontally centred, height = content)
+Anchored top-right (not centred) so it sits roughly under the volume control
+that invokes it — station-bar's volume badge and every eww variant's volume
+slider all live in the right-hand zone of their bar. This is a fixed
+approximation, not a live "appear under this exact widget" position: the
+wlr-layer-shell protocol only supports anchor+margin-to-screen-edge
+placement, not popup-relative-to-another-surface placement, and the panel is
+a separate process from whichever bar invoked it, so it has no way to learn
+that bar's precise pixel geometry. Tune RIGHT_MARGIN below if it drifts from
+whichever bar/build you're running against.
+
+  Gtk.Window (layer TOP, anchored TOP+RIGHT, height/width = content)
     └ Gtk.Overlay
         main : .sb-panel (title, tab switcher, Gtk.Stack of the four tabs)
         over : hologram overlay
@@ -33,8 +43,9 @@ from ui.input_tab import InputTab
 from ui.output_tab import OutputTab
 from ui.tabs import TabSwitcher
 
-PANEL_WIDTH = 900
-EDGE_MARGIN = 28
+PANEL_WIDTH = 460
+TOP_MARGIN = 28
+RIGHT_MARGIN = 160   # approximate horizontal offset to sit under the volume control
 
 
 class SupersonicWindow(Gtk.ApplicationWindow):
@@ -119,7 +130,9 @@ class SupersonicWindow(Gtk.ApplicationWindow):
         LayerShell.set_namespace(self, "supersonic-booster")
         LayerShell.set_keyboard_mode(self, LayerShell.KeyboardMode.ON_DEMAND)
         LayerShell.set_anchor(self, LayerShell.Edge.TOP, True)
-        LayerShell.set_margin(self, LayerShell.Edge.TOP, EDGE_MARGIN)
+        LayerShell.set_anchor(self, LayerShell.Edge.RIGHT, True)
+        LayerShell.set_margin(self, LayerShell.Edge.TOP, TOP_MARGIN)
+        LayerShell.set_margin(self, LayerShell.Edge.RIGHT, RIGHT_MARGIN)
 
     # -- visibility -----------------------------------------------------------------
     def show_panel(self) -> None:
diff --git a/desktopenvs/hyprlua/audio-panel-theme/style.css b/desktopenvs/hyprlua/audio-panel-theme/style.css
index daf39f3..e9d2aa9 100644
--- a/desktopenvs/hyprlua/audio-panel-theme/style.css
+++ b/desktopenvs/hyprlua/audio-panel-theme/style.css
@@ -63,7 +63,7 @@ drawingarea {
   color: @bg;
 }
 
-.sb-tab-page { min-height: 260px; }
+.sb-tab-page { min-height: 190px; }
 
 /* ---- horizontal scroll row of cards ---------------------------------------- */
 .sb-scroll-row { padding: 4px 2px 10px 2px; }
@@ -79,8 +79,8 @@ drawingarea {
   background-color: alpha(@violet, 0.5);
   border: 2px solid @violet;
   border-radius: 10px;
-  padding: 10px 12px;
-  min-width: 170px;
+  padding: 8px 10px;
+  min-width: 150px;
 }
 .sb-card-head { margin-bottom: 2px; }
 .sb-card-title {
diff --git a/desktopenvs/hyprlua/audio-panel/style/style.css b/desktopenvs/hyprlua/audio-panel/style/style.css
index 48327ff..961b4b2 100644
--- a/desktopenvs/hyprlua/audio-panel/style/style.css
+++ b/desktopenvs/hyprlua/audio-panel/style/style.css
@@ -63,7 +63,7 @@ drawingarea {
   color: @bg;
 }
 
-.sb-tab-page { min-height: 260px; }
+.sb-tab-page { min-height: 190px; }
 
 /* ---- horizontal scroll row of cards ---------------------------------------- */
 .sb-scroll-row { padding: 4px 2px 10px 2px; }
@@ -79,8 +79,8 @@ drawingarea {
   background-color: alpha(@violet, 0.5);
   border: 2px solid @violet;
   border-radius: 10px;
-  padding: 10px 12px;
-  min-width: 170px;
+  padding: 8px 10px;
+  min-width: 150px;
 }
 .sb-card-head { margin-bottom: 2px; }
 .sb-card-title {
diff --git a/desktopenvs/hyprlua/audio-panel/ui/meter.py b/desktopenvs/hyprlua/audio-panel/ui/meter.py
index fc2b605..c6dc26e 100644
--- a/desktopenvs/hyprlua/audio-panel/ui/meter.py
+++ b/desktopenvs/hyprlua/audio-panel/ui/meter.py
@@ -42,7 +42,7 @@ class VolumeMeter(Gtk.Box):
         self.scale.set_draw_value(True)
         self.scale.set_value_pos(Gtk.PositionType.RIGHT)
         self.scale.set_hexpand(True)
-        self.scale.set_size_request(120, -1)
+        self.scale.set_size_request(90, -1)
         self.scale.add_css_class("sb-meter")
         self.scale.add_mark(100, Gtk.PositionType.BOTTOM, None)
         self.scale.connect("value-changed", self._on_value_changed)
diff --git a/desktopenvs/hyprlua/audio-panel/window.py b/desktopenvs/hyprlua/audio-panel/window.py
index 33d2ae5..173b39e 100644
--- a/desktopenvs/hyprlua/audio-panel/window.py
+++ b/desktopenvs/hyprlua/audio-panel/window.py
@@ -1,8 +1,18 @@
-"""The popup: a content-sized floating layer-shell panel anchored top-centre,
+"""The popup: a content-sized floating layer-shell panel anchored top-right,
 matching transmitter-panel/astro-menu's window.py idiom — dismissed with the
 launcher toggle, Esc, or the ✕ button, no click-outside-to-close.
 
-  Gtk.Window (layer TOP, anchored TOP -> horizontally centred, height = content)
+Anchored top-right (not centred) so it sits roughly under the volume control
+that invokes it — station-bar's volume badge and every eww variant's volume
+slider all live in the right-hand zone of their bar. This is a fixed
+approximation, not a live "appear under this exact widget" position: the
+wlr-layer-shell protocol only supports anchor+margin-to-screen-edge
+placement, not popup-relative-to-another-surface placement, and the panel is
+a separate process from whichever bar invoked it, so it has no way to learn
+that bar's precise pixel geometry. Tune RIGHT_MARGIN below if it drifts from
+whichever bar/build you're running against.
+
+  Gtk.Window (layer TOP, anchored TOP+RIGHT, height/width = content)
     └ Gtk.Overlay
         main : .sb-panel (title, tab switcher, Gtk.Stack of the four tabs)
         over : hologram overlay
@@ -33,8 +43,9 @@ from ui.input_tab import InputTab
 from ui.output_tab import OutputTab
 from ui.tabs import TabSwitcher
 
-PANEL_WIDTH = 900
-EDGE_MARGIN = 28
+PANEL_WIDTH = 460
+TOP_MARGIN = 28
+RIGHT_MARGIN = 160   # approximate horizontal offset to sit under the volume control
 
 
 class AudioPanelWindow(Gtk.ApplicationWindow):
@@ -119,7 +130,9 @@ class AudioPanelWindow(Gtk.ApplicationWindow):
         LayerShell.set_namespace(self, "audio-panel")
         LayerShell.set_keyboard_mode(self, LayerShell.KeyboardMode.ON_DEMAND)
         LayerShell.set_anchor(self, LayerShell.Edge.TOP, True)
-        LayerShell.set_margin(self, LayerShell.Edge.TOP, EDGE_MARGIN)
+        LayerShell.set_anchor(self, LayerShell.Edge.RIGHT, True)
+        LayerShell.set_margin(self, LayerShell.Edge.TOP, TOP_MARGIN)
+        LayerShell.set_margin(self, LayerShell.Edge.RIGHT, RIGHT_MARGIN)
 
     # -- visibility -----------------------------------------------------------------
     def show_panel(self) -> None: