diff --git a/apps/web/src/app/features/finance/journal-model.ts b/apps/web/src/app/features/finance/journal-model.ts
index fc5bbe0..09daa2b 100644
--- a/apps/web/src/app/features/finance/journal-model.ts
+++ b/apps/web/src/app/features/finance/journal-model.ts
@@ -107,6 +107,7 @@ const ORIGINS: Readonly<Record<string, string>> = {
   ttTransferBetweenWarehouses: 'Transferencia de stock',
   ttInventoryValuation: 'Revalorización de inventario',
   ttInternalReconciliation: 'Conciliación interna',
+  ttBoETransaction: 'Letra de cambio',
 };
 
 export const journalOrigin = (code: unknown): string => ORIGINS[String(code ?? '')] ?? String(code ?? '');
diff --git a/apps/web/src/app/layout/main-layout.ts b/apps/web/src/app/layout/main-layout.ts
index f96d6af..7765186 100644
--- a/apps/web/src/app/layout/main-layout.ts
+++ b/apps/web/src/app/layout/main-layout.ts
@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
 import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { AccountCodesService } from '../core/sl/account-codes';
 import { AccountSegmentsService } from '../core/sl/account-segments';
 import { AuthService } from '../core/auth/auth.service';
 import { SessionStore } from '../core/auth/session.store';
@@ -21,6 +22,8 @@ export class MainLayout {
 
   protected readonly sidebarOpen = signal(false);
   private readonly segments = inject(AccountSegmentsService);
+  /** Se instancia aquí para que las celdas de cuenta puedan pedir el código con formato de lo que muestran. */
+  private readonly accountCodes = inject(AccountCodesService);
 
   constructor() {
     void this.segments.ensureLoaded();
diff --git a/apps/web/src/app/shared/grid/rows-table.ts b/apps/web/src/app/shared/grid/rows-table.ts
index 81aea18..c68386d 100644
--- a/apps/web/src/app/shared/grid/rows-table.ts
+++ b/apps/web/src/app/shared/grid/rows-table.ts
@@ -113,7 +113,7 @@ const dateOnly = (v: unknown): string => (typeof v === 'string' ? v.slice(0, 10)
     .pick button { padding: 0; background: var(--btn); border: 1px solid var(--field-b); border-radius: var(--radius); cursor: pointer; }
     .pick button:hover { background: var(--btn-h); }
     .wrap { overflow-x: auto; }
-    table { width: 100%; border-collapse: collapse; }
+    table { width: 100%; min-width: max-content; border-collapse: collapse; }
     th { padding: 4px 6px; background: var(--grid-head); border: 1px solid var(--line); font-size: 12.5px; font-weight: 600; text-align: left; white-space: nowrap; }
     th.req::after { content: ' *'; color: var(--err); }
     td { padding: 0 2px; height: 27px; border: 1px solid var(--line-soft); white-space: nowrap; }