From 21396c25be99b4cb555b6ef9c64fe51887a8347d Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 31 Mar 2026 12:05:17 +0100
Subject: [PATCH] Iterate styles

---
 modules/banner/element-web/src/index.tsx |  2 ++
 modules/banner/element-web/src/style.css | 15 +++++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 modules/banner/element-web/src/style.css

diff --git a/modules/banner/element-web/src/index.tsx b/modules/banner/element-web/src/index.tsx
index 447fbf4969..f4196af06f 100644
--- a/modules/banner/element-web/src/index.tsx
+++ b/modules/banner/element-web/src/index.tsx
@@ -13,6 +13,7 @@ import Translations from "./translations.json";
 import { ModuleConfig, CONFIG_KEY } from "./config";
 import Banner from "./Banner";
 import { name as ModuleName } from "../package.json";
+import style from "./style.css" with { type: "css" };
 
 class BannerModule implements Module {
     public static readonly moduleApiVersion = "^1.0.0";
@@ -23,6 +24,7 @@ class BannerModule implements Module {
 
     public async load(): Promise<void> {
         document.adoptedStyleSheets.push(compound);
+        document.adoptedStyleSheets.push(style);
 
         this.api.i18n.register(Translations);
 
diff --git a/modules/banner/element-web/src/style.css b/modules/banner/element-web/src/style.css
new file mode 100644
index 0000000000..6e573485f5
--- /dev/null
+++ b/modules/banner/element-web/src/style.css
@@ -0,0 +1,15 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+/* Styles to ensure the banner does not push the app out of the viewport */
+body {
+    display: flex;
+    flex-direction: column;
+}
+#matrixchat {
+    flex: 1;
+}