diff --git a/src/ui/web/css/layout.css b/src/ui/web/css/layout.css
index feafbb59..b49955ec 100644
--- a/src/ui/web/css/layout.css
+++ b/src/ui/web/css/layout.css
@@ -51,7 +51,7 @@ body {
 }
 
 .RoomPlaceholderView, .RoomView {
-    flex: 1 0 0px;
+    flex: 1 0 0;
     min-width: 0;
 }
 
@@ -71,7 +71,7 @@ body {
 }
 
 .TimelinePanel ul {
-    flex: 1 0 0px;
+    flex: 1 0 0;
 }
 
 .RoomHeader {
diff --git a/src/ui/web/css/left-panel.css b/src/ui/web/css/left-panel.css
index 443ffaeb..e8f82cc5 100644
--- a/src/ui/web/css/left-panel.css
+++ b/src/ui/web/css/left-panel.css
@@ -49,7 +49,7 @@ limitations under the License.
 
 .LeftPanel div.description {
     margin: 0;
-    flex: 1 1 0px;
+    flex: 1 1 0;
     min-width: 0;
 }
 
diff --git a/src/ui/web/css/main.css b/src/ui/web/css/main.css
index 56f51fc0..d83b6a66 100644
--- a/src/ui/web/css/main.css
+++ b/src/ui/web/css/main.css
@@ -22,16 +22,20 @@ limitations under the License.
 @import url('avatar.css');
 @import url('spinner.css');
 
+/* only if the body contains the whole app (e.g. we're not embedded in a page), make some changes */
+body.brawl {
+    /* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */
+    overscroll-behavior: none;
+    /* disable rubberband scrolling on document in IE11 */
+    overflow: hidden;
+}
+
 .brawl {
     margin: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif,
                 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     background-color: black;
     color: white;
-    /* make sure to disable rubber-banding and pull to refresh in a PWA if we'd end up having a scrollbar */
-    overscroll-behavior: none;
-    /* disable rubberband scrolling on document in IE11 */
-    overflow: hidden;
 }
 
 .hiddenWithLayout {