From 97b5e8780c7011aa673cea0afaf0076399663963 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 13 Nov 2025 19:44:42 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20minor=20layout?=
 =?UTF-8?q?=20issue=20hidding=20focus=20ring?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix an issue where the focus visual indication was hidden due to an overly tight
layout with no padding on the background and effects toggle buttons.
---
 .../rooms/livekit/components/effects/EffectsConfiguration.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx b/src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx
index 554b0ef2..48591bdd 100644
--- a/src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx
@@ -343,6 +343,7 @@ export const EffectsConfiguration = ({
                   className={css({
                     display: 'flex',
                     gap: '1.25rem',
+                    paddingBottom: '0.5rem',
                     flexWrap: 'wrap',
                   })}
                 >