From 39be4697b05c838e5587827693ae0842bd16530d Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 16 Oct 2025 19:17:04 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20add=20right=20margin?=
 =?UTF-8?q?=20to=20switch=20description=20for=20better=20spacing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add margin between switch description text and toggle button to
improve visual breathing room and prevent text from appearing
cramped against interactive control element.
---
 src/frontend/src/primitives/Field.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/primitives/Field.tsx b/src/frontend/src/primitives/Field.tsx
index 273cf276..d430a153 100644
--- a/src/frontend/src/primitives/Field.tsx
+++ b/src/frontend/src/primitives/Field.tsx
@@ -259,6 +259,7 @@ export const Field = <T extends object>({
   }
 
   if (type === 'switch') {
+    const SWITCH_COMPONENT_WIDTH = '41px'
     return (
       <FieldWrapper {...props.wrapperProps}>
         <div
@@ -273,10 +274,11 @@ export const Field = <T extends object>({
         {description && (
           <Text
             variant="note"
-            wrap={'pretty'}
+            wrap={'balance'}
             className={css({
               textStyle: 'sm',
               marginBottom: '0.5rem',
+              marginRight: SWITCH_COMPONENT_WIDTH,
             })}
           >
             {description}