diff --git a/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsDrawer.qml b/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsDrawer.qml
index d78e2e4f..1e7d2833 100644
--- a/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsDrawer.qml
+++ b/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsDrawer.qml
@@ -58,12 +58,13 @@ MobileShell.BaseItem {
     bottomPadding: Kirigami.Units.smallSpacing * 4
 
     background: Item {
+        opacity: brightnessPressedValue
+
         Rectangle {
             id: background
             anchors.fill: parent
             anchors.bottomMargin: shadow.height
             color: Kirigami.Theme.backgroundColor
-            opacity: brightnessPressedValue
         }
 
         Rectangle {
diff --git a/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsPanel.qml b/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsPanel.qml
index 8567bd04..e141fc6a 100644
--- a/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsPanel.qml
+++ b/components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsPanel.qml
@@ -45,12 +45,13 @@ MobileShell.BaseItem {
     bottomPadding: Kirigami.Units.smallSpacing * 4
 
     background: Item {
+        opacity: brightnessPressedValue
+
         Rectangle {
             id: background
             anchors.fill: parent
             anchors.margins: Kirigami.Units.largeSpacing
             color: Kirigami.Theme.backgroundColor
-            opacity: brightnessPressedValue
             visible: false
 
             radius: Kirigami.Units.cornerRadius