diff --git a/src/platform/web/ui/css/layout.css b/src/platform/web/ui/css/layout.css
index 8755e2a3..60c3eafa 100644
--- a/src/platform/web/ui/css/layout.css
+++ b/src/platform/web/ui/css/layout.css
@@ -111,12 +111,11 @@ main {
 }
 
 .lightbox {
-    /* cover left and middle panel, not status view
-    use numeric positions because named grid areas
-    are not present in mobile layout */
-    grid-area: 2 / 1 / 3 / 3;
-    /* this should not be necessary, but chrome seems to have a bug when there are scrollbars in other grid items,
-    it seems to put the scroll areas on top of the other grid items unless they have a z-index */
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
     z-index: 1;
 }