diff --git a/modules/dashboard/Wrapper.qml b/modules/dashboard/Wrapper.qml
index cb87bf6f..d411d498 100644
--- a/modules/dashboard/Wrapper.qml
+++ b/modules/dashboard/Wrapper.qml
@@ -36,6 +36,7 @@ Item {
     anchors.topMargin: (-implicitHeight - 5) * offsetScale
     implicitHeight: content.implicitHeight
     implicitWidth: content.implicitWidth || 854 // Hard coded fallback for first open
+    opacity: 1 - offsetScale
 
     Behavior on offsetScale {
         Anim {
diff --git a/modules/launcher/Wrapper.qml b/modules/launcher/Wrapper.qml
index 0c9871aa..5dfffeae 100644
--- a/modules/launcher/Wrapper.qml
+++ b/modules/launcher/Wrapper.qml
@@ -35,6 +35,7 @@ Item {
     anchors.bottomMargin: (-implicitHeight - 5) * offsetScale
     implicitHeight: content.implicitHeight
     implicitWidth: content.implicitWidth || 630 // Hard coded fallback for first open
+    opacity: 1 - offsetScale
 
     Component.onCompleted: Qt.callLater(() => Apps) // Load apps on init
 
diff --git a/modules/osd/Wrapper.qml b/modules/osd/Wrapper.qml
index db72c3e5..585fb959 100644
--- a/modules/osd/Wrapper.qml
+++ b/modules/osd/Wrapper.qml
@@ -41,6 +41,7 @@ Item {
     anchors.rightMargin: (-implicitWidth - 5) * offsetScale
     implicitWidth: content.implicitWidth
     implicitHeight: content.implicitHeight
+    opacity: 1 - offsetScale
 
     Behavior on offsetScale {
         Anim {
@@ -98,6 +99,7 @@ Item {
         anchors.verticalCenter: parent.verticalCenter
         anchors.left: parent.left
 
+        asynchronous: true
         active: root.shouldBeActive || root.visible
 
         sourceComponent: Content {
diff --git a/modules/session/Wrapper.qml b/modules/session/Wrapper.qml
index ab929c01..e48fff60 100644
--- a/modules/session/Wrapper.qml
+++ b/modules/session/Wrapper.qml
@@ -18,6 +18,7 @@ Item {
     anchors.rightMargin: (-implicitWidth - 5) * offsetScale
     implicitWidth: content.implicitWidth
     implicitHeight: content.implicitHeight || 510 // Hard coded fallback for first open
+    opacity: 1 - offsetScale
 
     Behavior on offsetScale {
         Anim {
diff --git a/modules/sidebar/Wrapper.qml b/modules/sidebar/Wrapper.qml
index 4a777ca3..eefd11a0 100644
--- a/modules/sidebar/Wrapper.qml
+++ b/modules/sidebar/Wrapper.qml
@@ -16,6 +16,7 @@ Item {
     visible: offsetScale < 1
     anchors.rightMargin: (-implicitWidth - 5) * offsetScale
     implicitWidth: Config.sidebar.sizes.width
+    opacity: 1 - offsetScale
 
     Behavior on offsetScale {
         Anim {
diff --git a/modules/utilities/Wrapper.qml b/modules/utilities/Wrapper.qml
index 048de1b4..b0aec96e 100644
--- a/modules/utilities/Wrapper.qml
+++ b/modules/utilities/Wrapper.qml
@@ -27,6 +27,7 @@ Item {
     anchors.bottomMargin: (-implicitHeight - 5) * offsetScale
     implicitHeight: content.implicitHeight + content.anchors.margins * 2
     implicitWidth: sidebar.visible ? sidebar.width : Config.utilities.sizes.width
+    opacity: 1 - offsetScale
 
     Behavior on offsetScale {
         Anim {