diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js
index a77de34a03..8b5f2a5e5f 100644
--- a/src/components/cardbuilder/cardBuilder.js
+++ b/src/components/cardbuilder/cardBuilder.js
@@ -702,7 +702,7 @@ import { appRouter } from '../appRouter';
 
                 if (text) {
                     html += "<div class='" + currentCssClass + "'>";
-                    html += text;
+                    html += '<bdi>' + text + '</bdi>';
                     html += '</div>';
                     valid++;
 
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
index 6c3ed0f526..43cfce9e39 100644
--- a/src/controllers/itemDetails/index.js
+++ b/src/controllers/itemDetails/index.js
@@ -497,7 +497,7 @@ function renderName(item, container, context) {
         html += '<h4 class="itemName infoText originalTitle">' + escapeHtml(item.OriginalTitle) + '</h4>';
     }
 
-    container.innerHTML = html;
+    container.innerHTML = '<bdi>' + html + '</bdi>';
 
     if (html.length) {
         container.classList.remove('hide');