diff --git a/app.css b/app.css
index e2c9b40..fe3d8de 100644
--- a/app.css
+++ b/app.css
@@ -168,6 +168,11 @@ body {
     color: #7aa2f7;
     font-size: 14px;
 }
+.order-card .ref-client {
+    font-weight: 400;
+    color: #aaa;
+    font-size: 13px;
+}
 .order-card .name {
     font-size: 15px;
     margin-top: 4px;
diff --git a/app.js b/app.js
index cee135e..e44c64b 100644
--- a/app.js
+++ b/app.js
@@ -338,7 +338,7 @@ router.on('/orders', async () => {
 function renderOrderList(orders) {
     return orders.map(o => `
         <div class="order-card" data-id="${o.id}">
-            <div class="ref">${escapeHtml(o.ref)}</div>
+            <div class="ref">${escapeHtml(o.ref)}${o.ref_client ? ` <span class="ref-client">— ${escapeHtml(o.ref_client)}</span>` : ''}</div>
             <div class="name">${escapeHtml(o.customer.name || '')}</div>
             <div class="meta">
                 <span>${escapeHtml((o.customer.zip || '') + ' ' + (o.customer.town || ''))}</span>