From 532e56010611d5da5fee9e33348158caebc37139 Mon Sep 17 00:00:00 2001
From: Steven RYDELL <srydell@gmx.com>
Date: Thu, 30 Jul 2026 14:47:04 +0200
Subject: [PATCH] fix(ui): align icon and label in backend select trigger

---
 src/components/forms/DynamicForm.tsx | 4 ++--
 src/components/forms/FieldWidget.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/forms/DynamicForm.tsx b/src/components/forms/DynamicForm.tsx
index ed49f6a..9def269 100644
--- a/src/components/forms/DynamicForm.tsx
+++ b/src/components/forms/DynamicForm.tsx
@@ -780,12 +780,12 @@ export function DynamicForm({ viewName, objectId }: DynamicFormProps) {
                       <Label className="text-sm font-medium">{formField.label}</Label>
                       <Select value={selectedVariant} onValueChange={handleVariantChange} disabled={readOnly}>
                         <SelectTrigger>
-                          <span className="flex flex-1 items-center gap-2 overflow-hidden">
+                          <div className="flex flex-1 items-center gap-2 overflow-hidden">
                             <BackendIcon backend={selectedVariant} />
                             <span className="truncate">
                               {selectedVariantLabel || t('form.selectType', 'Select type...')}
                             </span>
-                          </span>
+                          </div>
                         </SelectTrigger>
                         <SelectContent>
                           {sch.variants.map((v) => (
diff --git a/src/components/forms/FieldWidget.tsx b/src/components/forms/FieldWidget.tsx
index 8b9fdb9..1bcab0c 100644
--- a/src/components/forms/FieldWidget.tsx
+++ b/src/components/forms/FieldWidget.tsx
@@ -1477,12 +1477,12 @@ function EmbeddedObjectField({
         <Label className="text-sm font-medium">{formField.label ?? t('field.type', 'Type')}</Label>
         <Select value={currentType} onValueChange={handleVariantChange} disabled={readOnly}>
           <SelectTrigger>
-            <span className="flex flex-1 items-center gap-2 overflow-hidden">
+            <div className="flex flex-1 items-center gap-2 overflow-hidden">
               <BackendIcon backend={currentType} />
               <span className="truncate">
                 {selectedVariantLabel || t('form.selectType', 'Select type...')}
               </span>
-            </span>
+            </div>
           </SelectTrigger>
           <SelectContent>
             {resolvedSchema.variants.map((v) => (