diff --git a/apps/api/src/controllers/usuarios.controller.ts b/apps/api/src/controllers/usuarios.controller.ts
index b3d98ae..ccb4ca2 100644
--- a/apps/api/src/controllers/usuarios.controller.ts
+++ b/apps/api/src/controllers/usuarios.controller.ts
@@ -148,6 +148,10 @@ export async function getSupervisor(req: Request, res: Response, next: NextFunct
         select: { nombre: true },
       });
       supervisorNombre = u?.nombre ?? null;
+      // Hardcode debug para verificar que el frontend recibe el campo
+      if (supervisorNombre === null) {
+        supervisorNombre = 'SUPERVISOR_NO_ENCONTRADO_EN_PRISMA';
+      }
     }
     res.json({ supervisorUserId, supervisorNombre });
   } catch (error) {
diff --git a/apps/web/app/(dashboard)/usuarios/page.tsx b/apps/web/app/(dashboard)/usuarios/page.tsx
index dbefdc6..0a9c44e 100644
--- a/apps/web/app/(dashboard)/usuarios/page.tsx
+++ b/apps/web/app/(dashboard)/usuarios/page.tsx
@@ -100,11 +100,13 @@ export default function UsuariosPage() {
   const [selectedSupervisorId, setSelectedSupervisorId] = useState<string>('');
   const [savingSupervisor, setSavingSupervisor] = useState(false);
 
+  const [currentSupervisorNombre, setCurrentSupervisorNombre] = useState<string>('');
+
   const openEditSupervisor = async (userId: string, nombre: string) => {
     try {
       const res = await apiClient.get<{ supervisorUserId: string | null; supervisorNombre: string | null }>(`/usuarios/${userId}/supervisor`);
-      console.log('[getSupervisor]', res.data);
       setSelectedSupervisorId(res.data.supervisorUserId ?? '');
+      setCurrentSupervisorNombre(res.data.supervisorNombre ?? '');
       setEditingSupervisorUser({ id: userId, nombre, supervisorNombre: res.data.supervisorNombre });
     } catch {
       alert('Error al cargar supervisor');
@@ -484,8 +486,13 @@ export default function UsuariosPage() {
             <div className="space-y-2 py-2">
               {supervisores && supervisores.length > 0 ? (
                 <Select value={selectedSupervisorId || 'none'} onValueChange={(v) => setSelectedSupervisorId(v === 'none' ? '' : v)}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Selecciona un supervisor..." />
+                  <SelectTrigger className="w-full">
+                    {(() => {
+                      if (!selectedSupervisorId || selectedSupervisorId === 'none') return <span className="text-muted-foreground">Sin supervisor asignado</span>;
+                      const s = supervisores?.find(x => x.userId === selectedSupervisorId);
+                      if (s) return <span>{s.nombre} — {s.email}</span>;
+                      return <span>{currentSupervisorNombre || editingSupervisorUser?.supervisorNombre || selectedSupervisorId}</span>;
+                    })()}
                   </SelectTrigger>
                   <SelectContent>
                     <SelectItem value="none">Sin supervisor asignado</SelectItem>
@@ -497,7 +504,7 @@ export default function UsuariosPage() {
                     {/* Si el supervisor actual no está en la lista de carteras, mostrarlo igual */}
                     {selectedSupervisorId && !supervisores.some(s => s.userId === selectedSupervisorId) && (
                       <SelectItem value={selectedSupervisorId}>
-                        {editingSupervisorUser?.supervisorNombre || selectedSupervisorId}
+                        {currentSupervisorNombre || editingSupervisorUser?.supervisorNombre || selectedSupervisorId}
                       </SelectItem>
                     )}
                   </SelectContent>