diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index e180c37e1e..ffbc92b65a 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -630,6 +630,8 @@
 }
 
 .infoWrapper {
+    min-width: 0;
+    max-width: 100%;
     flex: 1 0 0;
 
     .layout-mobile & {
diff --git a/src/controllers/itemDetails/index.html b/src/controllers/itemDetails/index.html
index d78721e96e..6ac5ba3368 100644
--- a/src/controllers/itemDetails/index.html
+++ b/src/controllers/itemDetails/index.html
@@ -5,7 +5,7 @@
 
     <div class="detailPageWrapperContainer padded-bottom-page">
         <div class="detailPagePrimaryContainer padded-left padded-right">
-            <div class="infoWrapper infoText">
+            <div class="infoWrapper">
                 <div class="detailImageContainer padded-left"></div>
                 <div class="nameContainer"></div>
                 <div class="itemMiscInfo itemMiscInfo-primary" style="margin-bottom: 0.6em;"></div>