diff --git a/frontend/app/components/PieceModelStructureEditor.vue b/frontend/app/components/PieceModelStructureEditor.vue
index 6d08a92..5509c73 100644
--- a/frontend/app/components/PieceModelStructureEditor.vue
+++ b/frontend/app/components/PieceModelStructureEditor.vue
@@ -94,12 +94,11 @@
 
             <div class="flex-1 space-y-2">
               <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
-                <input
+                <CustomFieldNameInput
                   v-model="field.name"
-                  type="text"
-                  class="input input-bordered input-xs"
                   placeholder="Nom du champ"
-                >
+                  size="xs"
+                />
                 <select v-model="field.type" class="select select-bordered select-xs">
                   <option value="text">
                     Texte
diff --git a/frontend/app/components/StructureNodeEditor.vue b/frontend/app/components/StructureNodeEditor.vue
index aa9d914..3adbf2a 100644
--- a/frontend/app/components/StructureNodeEditor.vue
+++ b/frontend/app/components/StructureNodeEditor.vue
@@ -103,11 +103,10 @@
                 </div>
                 <div class="flex-1 space-y-2">
                   <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
-                    <input
+                    <CustomFieldNameInput
                       v-model="field.name"
-                      type="text"
-                      class="input input-bordered input-xs"
                       placeholder="Nom du champ"
+                      size="xs"
                     />
                     <select v-model="field.type" class="select select-bordered select-xs">
                       <option value="text">Texte</option>
diff --git a/frontend/app/components/machine/MachineCustomFieldDefEditor.vue b/frontend/app/components/machine/MachineCustomFieldDefEditor.vue
index 280d8e1..add9294 100644
--- a/frontend/app/components/machine/MachineCustomFieldDefEditor.vue
+++ b/frontend/app/components/machine/MachineCustomFieldDefEditor.vue
@@ -33,12 +33,11 @@
 
           <div class="flex-1 space-y-2">
             <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
-              <input
+              <CustomFieldNameInput
                 v-model="field.name"
-                type="text"
-                class="input input-bordered input-sm"
                 placeholder="Nom du champ"
-              >
+                size="sm"
+              />
               <select v-model="field.type" class="select select-bordered select-sm">
                 <option value="text">
                   Texte
diff --git a/frontend/app/components/machine/MachineCustomFieldsCard.vue b/frontend/app/components/machine/MachineCustomFieldsCard.vue
index d7d409c..70cbbf1 100644
--- a/frontend/app/components/machine/MachineCustomFieldsCard.vue
+++ b/frontend/app/components/machine/MachineCustomFieldsCard.vue
@@ -50,12 +50,11 @@
               <div class="flex-1 space-y-2">
                 <!-- Definition fields -->
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
-                  <input
-                    :value="field.name"
-                    type="text"
-                    class="input input-bordered input-sm"
+                  <CustomFieldNameInput
+                    :model-value="field.name"
                     placeholder="Nom du champ"
-                    @blur="handleDefinitionUpdate(field, 'name', ($event.target as HTMLInputElement).value)"
+                    size="sm"
+                    @update:model-value="(value: string) => handleDefinitionUpdate(field, 'name', value)"
                   />
                   <select
                     :value="field.type || 'text'"