From e56c0f997e2a73ae0ebc3ccdd616744d5b61123c Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 4 Mar 2026 18:29:46 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20overflow=20in=20?=
 =?UTF-8?q?participant=20metadata=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Recent styling changes introduced an overflow, causing the network
indicator to be pushed outside of the participant tile.

Remove width: 100% and add a minimal gap to prevent metadata
elements from being too close to each other.
---
 src/frontend/src/styles/livekit.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/styles/livekit.css b/src/frontend/src/styles/livekit.css
index b436cbe7..8044f036 100644
--- a/src/frontend/src/styles/livekit.css
+++ b/src/frontend/src/styles/livekit.css
@@ -154,7 +154,7 @@
 
 /* Participant name ellipsis: truncate when overflowing */
 .lk-participant-metadata {
-  width: 100%;
+  gap: 1rem;
 }
 .lk-participant-metadata > *:first-child {
   min-width: 0;