From b9e15ab9929968456d2e42dd90a2e2ec1e2d1d12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Fri, 7 Jul 2023 10:11:27 +0200
Subject: [PATCH] Fix sizing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/E2EEBanner.module.css | 3 ++-
 src/E2EEBanner.tsx        | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/E2EEBanner.module.css b/src/E2EEBanner.module.css
index 80b06bb..dd77749 100644
--- a/src/E2EEBanner.module.css
+++ b/src/E2EEBanner.module.css
@@ -18,5 +18,6 @@ limitations under the License.
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 16px;
+  gap: 12px;
+  font-size: var(--font-size-caption);
 }
diff --git a/src/E2EEBanner.tsx b/src/E2EEBanner.tsx
index 78e6815..08d1ffb 100644
--- a/src/E2EEBanner.tsx
+++ b/src/E2EEBanner.tsx
@@ -24,7 +24,7 @@ export const E2EEBanner = () => {
   return (
     <Banner>
       <div className={styles.e2eeBanner}>
-        <LockOffIcon width={32} height={32} />
+        <LockOffIcon width={24} height={24} />
         <Trans>
           Element Call is temporarily not encrypted while we test scalability.
         </Trans>