diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js
index 8f68009572..de5d270c35 100644
--- a/src/controllers/itemdetailpage.js
+++ b/src/controllers/itemdetailpage.js
@@ -419,13 +419,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
         var offset = parentNameLast ? ".25em" : ".5em";
 
         if (html && !parentNameLast) {
-            html += '<h3 class="itemName" style="margin: .25em 0 .5em;">' + name + '</h3>';
+            html += '<h3 class="itemName infoText cardText-first" style="margin: .25em 0 .5em;">' + name + '</h3>';
         } else {
-            html = '<h1 class="itemName" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html;
+            html = '<h1 class="itemName infoText cardText-first" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html;
         }
 
         if (item.OriginalTitle && item.OriginalTitle != item.Name) {
-            html += '<h4 class="itemName" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>';
+            html += '<h4 class="itemName infoText cardText-first" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>';
         }
 
         container.innerHTML = html;
diff --git a/src/css/librarybrowser.css b/src/css/librarybrowser.css
index dacfa7c57b..9668eee20f 100644
--- a/src/css/librarybrowser.css
+++ b/src/css/librarybrowser.css
@@ -459,10 +459,14 @@
 
 .infoWrapper {
     margin: 1.25em 0 0;
-    text-overflow: ellipsis;
+    flex: 1 0 0;
+}
+
+.infoText {
     white-space: nowrap;
     overflow: hidden;
-    flex: 1 0 0;
+    text-overflow: ellipsis;
+    text-align: left;
 }
 
 .layout-tv .detailPagePrimaryContainer {
@@ -613,8 +617,6 @@
     }
 
     .infoWrapper {
-        text-overflow: initial;
-        white-space: normal;
         flex: initial;
     }
 }
diff --git a/src/itemdetails.html b/src/itemdetails.html
index 7c5009ec80..5216f1c4d3 100644
--- a/src/itemdetails.html
+++ b/src/itemdetails.html
@@ -12,7 +12,7 @@
     <div class="detailPageWrapperContainer">
         <div class="detailPagePrimaryContainer padded-left padded-right">
 
-            <div class="infoWrapper">
+            <div class="infoWrapper infoText">
                 <div class="nameContainer"></div>
                 <div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div>
                 <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>