diff --git a/modules/Backlight.qml b/modules/Backlight.qml
index 8d7c5d3..84683cd 100644
--- a/modules/Backlight.qml
+++ b/modules/Backlight.qml
@@ -12,13 +12,17 @@ M.BarSection {
 
     property int percent: 0
     property bool _osdActive: false
-    property bool _ready: false
+    property bool _percentInit: false
     readonly property bool _showPanel: root._hovered || hoverPanel.panelHovered || _osdActive
 
-    Component.onCompleted: _ready = true
-
-    onPercentChanged: if (_ready && percent > 0)
-        _flashPanel()
+    onPercentChanged: {
+        if (!_percentInit) {
+            _percentInit = true;
+            return;
+        }
+        if (percent > 0)
+            _flashPanel();
+    }
 
     function _flashPanel() {
         _osdActive = true;
diff --git a/modules/Volume.qml b/modules/Volume.qml
index 2aa5524..ed4088b 100644
--- a/modules/Volume.qml
+++ b/modules/Volume.qml
@@ -39,16 +39,25 @@ M.BarSection {
     }
 
     property bool _osdActive: false
-    property bool _ready: false
+    property bool _volumeInit: false
+    property bool _mutedInit: false
     readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered
     readonly property bool _showPanel: _anyHover || _osdActive
 
-    Component.onCompleted: _ready = true
-
-    onVolumeChanged: if (_ready)
-        _flashPanel()
-    onMutedChanged: if (_ready)
-        _flashPanel()
+    onVolumeChanged: {
+        if (!_volumeInit) {
+            _volumeInit = true;
+            return;
+        }
+        _flashPanel();
+    }
+    onMutedChanged: {
+        if (!_mutedInit) {
+            _mutedInit = true;
+            return;
+        }
+        _flashPanel();
+    }
 
     function _flashPanel() {
         _osdActive = true;