diff --git a/oldshit/resources/web-remote/style.css b/oldshit/resources/web-remote/style.css
index 53fff2a0..51c3741c 100644
--- a/oldshit/resources/web-remote/style.css
+++ b/oldshit/resources/web-remote/style.css
@@ -580,10 +580,12 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .text-overflow-elipsis {
+    display: -webkit-box;
     min-width: 0px;
-    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
 }
 
 
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index 1fcf865a..0d090686 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -1332,12 +1332,15 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 /* Cider */
 
 .text-overflow-elipsis {
+    display: -webkit-box;
     min-width: 0px;
-    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
 }
 
+
 .mediaitem-artwork {
     border-radius: var(--mediaItemRadius);
     overflow: hidden;