diff --git a/modules/HoverPanel.qml b/modules/HoverPanel.qml
index 377a75d..da37516 100644
--- a/modules/HoverPanel.qml
+++ b/modules/HoverPanel.qml
@@ -45,12 +45,14 @@ PanelWindow {
     WlrLayershell.exclusiveZone: 0
     WlrLayershell.namespace: root.panelNamespace
 
+    property real topMargin: 0
+
     anchors.top: true
     anchors.left: true
     anchors.right: true
     anchors.bottom: true
 
-    margins.top: 0
+    margins.top: topMargin
 
     function _updatePosition() {
         const scr = screen;
diff --git a/modules/Volume.qml b/modules/Volume.qml
index e505d75..2004837 100644
--- a/modules/Volume.qml
+++ b/modules/Volume.qml
@@ -222,6 +222,7 @@ M.BarSection {
 
         M.HoverPanel {
             popupMode: true
+            topMargin: 58
             accentColor: root.accentColor
             screen: root.bar.screen
             anchorX: root.mapToGlobal(root.width / 2, 0).x - (root.bar.screen?.x ?? 0)