diff --git a/apps/web/src/app/shared/form/lookup-field.ts b/apps/web/src/app/shared/form/lookup-field.ts
index fe9f1a6..3dc1df9 100644
--- a/apps/web/src/app/shared/form/lookup-field.ts
+++ b/apps/web/src/app/shared/form/lookup-field.ts
@@ -41,6 +41,7 @@ const NAMES = new Map<string, string>();
     >
       <sbo-input
         #box
+        [width]="lookup().nameKey ? '96px' : undefined"
         [value]="shown()"
         (valueChange)="typing($event)"
         [readonly]="readOnly()"
@@ -59,8 +60,8 @@ const NAMES = new Map<string, string>();
       >
         …
       </button>
-      @if (name()) {
-        <span class="name" [attr.title]="name()">{{ name() }}</span>
+      @if (lookup().nameKey) {
+        <sbo-input readonly [attr.title]="name()" [ariaLabel]="'Nombre de ' + label()" [value]="name()" />
       }
     </sbo-field>
     <sbo-value-help
@@ -78,7 +79,6 @@ const NAMES = new Map<string, string>();
   `,
   styles: `
     :host { display: block; }
-    .name { align-self: center; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--quiet); }
   `,
 })
 export class LookupField extends FieldBase {