diff --git a/app/static/js/view-modal.js b/app/static/js/view-modal.js
index 4a9212c..a73f131 100644
--- a/app/static/js/view-modal.js
+++ b/app/static/js/view-modal.js
@@ -108,8 +108,9 @@ document.addEventListener('DOMContentLoaded', () => {
       const chip = document.createElement('span');
       chip.className = 'tag-chip';
       const icon = getTagIcon(t.kind);
-      const displayName = getTagDisplayName(t.name);
-      chip.innerHTML = `${icon} ${displayName} <button class="x" data-name="${t.name}" title="Remove">×</button>`;
+      // Use display_name so character pills show the "(Fandom)" suffix.
+      const label = t.display_name || t.name;
+      chip.innerHTML = `${icon} ${label} <button class="x" data-name="${t.name}" title="Remove">×</button>`;
       tagList.appendChild(chip);
     });
   }
@@ -753,9 +754,11 @@ document.addEventListener('DOMContentLoaded', () => {
 
     tagAutocomplete.innerHTML = tags.map((t, i) => {
       const icon = getTagIcon(t.kind);
-      const displayName = getTagDisplayName(t.name);
+      // Use display_name from the server so character+fandom rows show
+      // "Ruby Rose (RWBY)" — lets the user disambiguate same-name characters.
+      const label = t.display_name || t.name;
       return `<div class="tag-autocomplete-item" data-index="${i}" data-tag-id="${t.id}" data-name="${t.name}" data-kind="${t.kind || ''}">
-        <span>${icon} ${displayName}</span>
+        <span>${icon} ${label}</span>
         <span class="tag-kind">${t.kind || 'user'}</span>
       </div>`;
     }).join('');