diff --git a/static/js/instructions.js b/static/js/instructions.js
index abba565..5ffcfe7 100644
--- a/static/js/instructions.js
+++ b/static/js/instructions.js
@@ -72,7 +72,7 @@ function renderPendingCard(item, index) {
 
   card.innerHTML = `
     <div class="instruction-card__meta">
-      <span class="instruction-card__pos">#${index + 1}</span>
+      <span class="instruction-card__pos">#${item.position}</span>
       <span class="instruction-card__time" data-ts="${item.created_at}">${fmtRelativeTime(item.created_at)}</span>
     </div>
     <div class="instruction-card__content">${escapeHtml(item.content)}</div>
@@ -158,7 +158,7 @@ function renderConsumedCard(item, index) {
 
   card.innerHTML = `
     <div class="instruction-card__meta">
-      <span class="instruction-card__pos">#${index + 1}</span>
+      <span class="instruction-card__pos">#${item.position}</span>
       <span class="instruction-card__time">${fmtAbsTime(item.consumed_at)}</span>
       ${item.consumed_by_agent_id
         ? `<span class="instruction-card__consumed-by">→ ${escapeHtml(item.consumed_by_agent_id)}</span>`