From 72184e1370674914e47d42e0ac2699b0c117bc12 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Wed, 13 May 2026 19:53:00 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20fix=20spacing=20regres?=
 =?UTF-8?q?sion=20in=20mobile=20control=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Correct excessive spacing between action buttons in the mobile
control bar introduced by a recent layout change.
---
 CHANGELOG.md                                                    | 1 +
 .../src/features/layout/components/ControlBarRegion.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 790d6abc..9787a202 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -30,6 +30,7 @@ and this project adheres to
 - ⬆️(mail) fix dependencies not having resolved or integrity field #1321
 - 🐛(summary) complete webm support #1328
 - 🐛(backend) add link to "Open" text in recording email
+- 🩹(frontend) fix spacing regression in mobile control bar
 
 ## [1.15.0] - 2026-04-30
 
diff --git a/src/frontend/src/features/layout/components/ControlBarRegion.tsx b/src/frontend/src/features/layout/components/ControlBarRegion.tsx
index 3d3257ce..b19dd6ed 100644
--- a/src/frontend/src/features/layout/components/ControlBarRegion.tsx
+++ b/src/frontend/src/features/layout/components/ControlBarRegion.tsx
@@ -12,7 +12,7 @@ const controlBarRegion = cva({
   variants: {
     mobile: {
       true: {
-        justifyContent: 'space-between',
+        justifyContent: 'center',
         width: '330px',
       },
     },