shell/applets/BatteryApplet.qml

@@ -201,7 +201,13 @@ Column {
         }
     }
 
-    Separator {}
+    // Separator
+    Rectangle {
+        width: parent.width - 16
+        height: 1
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: S.Theme.base03
+    }
 
     // Rate row
     InfoRow {

shell/applets/BluetoothApplet.qml

@@ -9,13 +9,24 @@ Column {
     Repeater {
         model: S.BluetoothService.devices
 
-        delegate: HoverableListItem {
+        delegate: Item {
             id: entry
             required property var modelData
             required property int index
 
             readonly property bool _pending: S.BluetoothService.pendingMac === entry.modelData.mac
 
+            width: root.width
+            height: 32
+
+            Rectangle {
+                anchors.fill: parent
+                anchors.leftMargin: 4
+                anchors.rightMargin: 4
+                color: entryHover.hovered ? S.Theme.base02 : "transparent"
+                radius: S.Theme.radius
+            }
+
             Text {
                 id: btIcon
                 anchors.left: parent.left
@@ -72,9 +83,15 @@ Column {
                     entry.opacity = 1
             }
 
-            onTapped: {
+            HoverHandler {
-                if (!entry._pending)
+                id: entryHover
-                    S.BluetoothService.toggleDevice(entry.modelData.mac, !entry.modelData.connected);
+                cursorShape: Qt.PointingHandCursor
+            }
+            TapHandler {
+                onTapped: {
+                    if (!entry._pending)
+                        S.BluetoothService.toggleDevice(entry.modelData.mac, !entry.modelData.connected);
+                }
             }
         }
     }

shell/applets/CpuApplet.qml

@@ -149,7 +149,13 @@ Column {
         }
     }
 
-    Separator {}
+    // Process list separator
+    Rectangle {
+        width: root.width - 16
+        height: 1
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: S.Theme.base03
+    }
 
     Item {
         width: root.width

shell/applets/GpuApplet.qml

@@ -113,7 +113,12 @@ Column {
     }
 
     // VRAM section
-    Separator {}
+    Rectangle {
+        width: parent.width - 16
+        height: 1
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: S.Theme.base03
+    }
 
     Item {
         width: parent.width

shell/applets/HoverableListItem.qml

@@ -1,30 +0,0 @@
-import QtQuick
-import "../services" as S
-
-Item {
-    id: root
-
-    readonly property bool hovered: _hover.hovered
-    signal tapped
-
-    width: parent?.width ?? 0
-    height: 32
-
-    Rectangle {
-        anchors.fill: parent
-        anchors.leftMargin: 4
-        anchors.rightMargin: 4
-        color: root.hovered ? S.Theme.base02 : "transparent"
-        radius: S.Theme.radius
-        z: -1
-    }
-
-    HoverHandler {
-        id: _hover
-        cursorShape: Qt.PointingHandCursor
-    }
-
-    TapHandler {
-        onTapped: root.tapped()
-    }
-}

shell/applets/MemoryApplet.qml

@@ -115,7 +115,13 @@ Column {
     InfoRow { label: "Available"; value: root._fmt(root.availGb) }
     InfoRow { label: "Total"; value: root._fmt(root.totalGb) }
 
-    Separator {}
+    // Process list separator
+    Rectangle {
+        width: root.width - 16
+        height: 1
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: S.Theme.base03
+    }
 
     Item {
         width: root.width

shell/applets/NetworkApplet.qml

@@ -9,11 +9,22 @@ Column {
     Repeater {
         model: S.NetworkService.networks
 
-        delegate: HoverableListItem {
+        delegate: Item {
             id: entry
             required property var modelData
             required property int index
 
+            width: root.width
+            height: 32
+
+            Rectangle {
+                anchors.fill: parent
+                anchors.leftMargin: 4
+                anchors.rightMargin: 4
+                color: entryHover.hovered ? S.Theme.base02 : "transparent"
+                radius: S.Theme.radius
+            }
+
             Text {
                 id: netIcon
                 anchors.left: parent.left
@@ -51,11 +62,17 @@ Column {
                 width: entry.modelData.signal >= 0 ? implicitWidth : 0
             }
 
-            onTapped: {
+            HoverHandler {
-                if (entry.modelData.active)
+                id: entryHover
-                    S.NetworkService.disconnectNetwork(entry.modelData.uuid);
+                cursorShape: Qt.PointingHandCursor
-                else
+            }
-                    S.NetworkService.connectNetwork(entry.modelData.uuid);
+            TapHandler {
+                onTapped: {
+                    if (entry.modelData.active)
+                        S.NetworkService.disconnectNetwork(entry.modelData.uuid);
+                    else
+                        S.NetworkService.connectNetwork(entry.modelData.uuid);
+                }
             }
         }
     }

shell/applets/Separator.qml

@@ -1,9 +0,0 @@
-import QtQuick
-import "../services" as S
-
-Rectangle {
-    width: (parent?.width ?? 16) - 16
-    height: 1
-    anchors.horizontalCenter: parent?.horizontalCenter
-    color: S.Theme.base03
-}

shell/applets/TemperatureApplet.qml

@@ -200,7 +200,11 @@ Column {
     }
 
     // Per-device breakdown
-    Separator {
+    Rectangle {
+        width: root.width - 16
+        height: 1
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: S.Theme.base03
         visible: root.devices.length > 0
     }
 

shell/applets/VolumeApplet.qml

@@ -105,7 +105,12 @@ Column {
             visible: root.sinkList.length > 1
             width: parent.width
 
-            Separator {}
+            Rectangle {
+                width: parent.width - 16
+                height: 1
+                anchors.horizontalCenter: parent.horizontalCenter
+                color: S.Theme.base03
+            }
 
             Text {
                 width: parent.width
@@ -121,13 +126,22 @@ Column {
             Repeater {
                 model: root.sinkList
 
-                delegate: HoverableListItem {
+                delegate: Item {
                     required property var modelData
 
+                    width: root.width
                     height: 28
 
                     readonly property bool _active: modelData === root.sink
 
+                    Rectangle {
+                        anchors.fill: parent
+                        anchors.leftMargin: 4
+                        anchors.rightMargin: 4
+                        color: deviceHover.hovered ? S.Theme.base02 : "transparent"
+                        radius: S.Theme.radius
+                    }
+
                     Text {
                         anchors.left: parent.left
                         anchors.leftMargin: 12
@@ -142,14 +156,25 @@ Column {
                         elide: Text.ElideRight
                     }
 
-                    onTapped: Pipewire.preferredDefaultAudioSink = modelData
+                    HoverHandler {
+                        id: deviceHover
+                        cursorShape: Qt.PointingHandCursor
+                    }
+
+                    TapHandler {
+                        onTapped: Pipewire.preferredDefaultAudioSink = modelData
+                    }
                 }
             }
         }
 
         // Streams section
-        Separator {
+        Rectangle {
             visible: root.streamList.length > 0
+            width: parent.width - 16
+            height: visible ? 1 : 0
+            anchors.horizontalCenter: parent.horizontalCenter
+            color: S.Theme.base03
         }
 
         Text {

shell/applets/qmldir

@@ -7,12 +7,10 @@ CpuApplet 1.0 CpuApplet.qml
 DiskApplet 1.0 DiskApplet.qml
 GpuApplet 1.0 GpuApplet.qml
 HexWaveBackground 1.0 HexWaveBackground.qml
-HoverableListItem 1.0 HoverableListItem.qml
 InfoRow 1.0 InfoRow.qml
 MemoryApplet 1.0 MemoryApplet.qml
 MprisApplet 1.0 MprisApplet.qml
 NetworkApplet 1.0 NetworkApplet.qml
-Separator 1.0 Separator.qml
 NotifApplet 1.0 NotifApplet.qml
 TemperatureApplet 1.0 TemperatureApplet.qml
 VolumeApplet 1.0 VolumeApplet.qml

shell/modules/BacklightModule.qml

@@ -4,15 +4,17 @@ import "." as M
 import "../services" as S
 import "../applets" as C
 
-M.OsdSection {
+M.BarSection {
     id: root
     spacing: S.Theme.moduleSpacing
     opacity: S.Modules.backlight.enable && S.BacklightService.available ? 1 : 0
     visible: opacity > 0
-    _panelHovered: hoverPanel.panelHovered
+    tooltip: ""
 
     property int percent: S.BacklightService.percent
+    property bool _osdActive: false
     property bool _percentInit: false
+    readonly property bool _showPanel: root._hovered || hoverPanel.panelHovered || _osdActive
 
     onPercentChanged: {
         if (!_percentInit) {
@@ -20,7 +22,18 @@ M.OsdSection {
             return;
         }
         if (percent > 0)
-            flashPanel();
+            _flashPanel();
+    }
+
+    function _flashPanel() {
+        _osdActive = true;
+        _osdTimer.restart();
+    }
+
+    Timer {
+        id: _osdTimer
+        interval: 1500
+        onTriggered: root._osdActive = false
     }
 
     WheelHandler {

shell/modules/OsdSection.qml

@@ -1,25 +0,0 @@
-import QtQuick
-
-// Base component for bar modules with OSD flash behavior (Volume, Backlight).
-// Panel shows on hover or when flashPanel() is called, auto-dismisses after 1.5s.
-// Modules bind _panelHovered to their HoverPanel's panelHovered property.
-BarSection {
-    id: root
-    tooltip: ""
-
-    property bool _panelHovered: false
-    property bool _osdActive: false
-    readonly property bool _anyHover: root._hovered || _panelHovered
-    readonly property bool _showPanel: _anyHover || _osdActive
-
-    function flashPanel() {
-        _osdActive = true;
-        _osdTimer.restart();
-    }
-
-    Timer {
-        id: _osdTimer
-        interval: 1500
-        onTriggered: root._osdActive = false
-    }
-}

shell/modules/VolumeModule.qml

@@ -5,10 +5,10 @@ import "." as M
 import "../services" as S
 import "../applets" as C
 
-M.OsdSection {
+M.BarSection {
     id: root
     spacing: S.Theme.moduleSpacing
-    _panelHovered: hoverPanel.panelHovered
+    tooltip: ""
 
     PwObjectTracker {
         objects: [Pipewire.defaultAudioSink, ...root._streamList]
@@ -40,22 +40,36 @@ M.OsdSection {
         return streams;
     }
 
+    property bool _osdActive: false
     property bool _volumeInit: false
     property bool _mutedInit: false
+    readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered
+    readonly property bool _showPanel: _anyHover || _osdActive
 
     onVolumeChanged: {
         if (!_volumeInit) {
             _volumeInit = true;
             return;
         }
-        flashPanel();
+        _flashPanel();
     }
     onMutedChanged: {
         if (!_mutedInit) {
             _mutedInit = true;
             return;
         }
-        flashPanel();
+        _flashPanel();
+    }
+
+    function _flashPanel() {
+        _osdActive = true;
+        _osdTimer.restart();
+    }
+
+    Timer {
+        id: _osdTimer
+        interval: 1500
+        onTriggered: root._osdActive = false
     }
 
     M.BarIcon {

shell/modules/qmldir

@@ -22,7 +22,6 @@ NetworkModule 1.0 NetworkModule.qml
 NotifCard 1.0 NotifCard.qml
 NotifPopup 1.0 NotifPopup.qml
 NotificationsModule 1.0 NotificationsModule.qml
-OsdSection 1.0 OsdSection.qml
 OverviewBackdrop 1.0 OverviewBackdrop.qml
 PinnableSection 1.0 PinnableSection.qml
 PopupBackground 1.0 PopupBackground.qml