diff --git a/res/css/structures/_BackdropPanel.scss b/res/css/structures/_BackdropPanel.scss
index 6c41ed7a09..482507cb15 100644
--- a/res/css/structures/_BackdropPanel.scss
+++ b/res/css/structures/_BackdropPanel.scss
@@ -22,6 +22,8 @@ limitations under the License.
     width: 100%;
     overflow: hidden;
     filter: blur(var(--lp-background-blur));
+    // Force a new layer for the backdropPanel so it's better hardware supported
+    transform: translateZ(0);
 }
 
 .mx_BackdropPanel--image {
diff --git a/res/css/structures/_LeftPanel.scss b/res/css/structures/_LeftPanel.scss
index fced77bac8..32d50b9a80 100644
--- a/res/css/structures/_LeftPanel.scss
+++ b/res/css/structures/_LeftPanel.scss
@@ -26,6 +26,8 @@ $roomListCollapsedWidth: 68px;
 .mx_LeftPanel_wrapper {
     display: flex;
     max-width: 50%;
+    position: relative;
+
     // Contain the amount of layers rendered by constraining what actually needs re-layering via css
     contain: layout paint;