diff --git a/res/css/structures/_BackdropPanel.scss b/res/css/structures/_BackdropPanel.scss
index 3415a49d2e..3bcceb1d55 100644
--- a/res/css/structures/_BackdropPanel.scss
+++ b/res/css/structures/_BackdropPanel.scss
@@ -20,6 +20,16 @@ limitations under the License.
   top: 0;
   height: 100vh;
   width: 100%;
+
+  &:before {
+    content: ' ';
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100vh;
+    width: 100%;
+    background-color: rgba(255, 255, 255, .02);
+  }
 }
 
 .mx_BackdropPanel--canvas {
@@ -30,4 +40,11 @@ limitations under the License.
     z-index: 0;
     pointer-events: none;
     overflow: hidden;
+
+    &:first-of-type {
+      opacity: 0.19;
+    }
+    &:last-of-type {
+      opacity:0.12;
+    }
 }