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>