diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index 3c5a7d9c8a..63c84bb7b8 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -244,6 +244,10 @@
     right: 0;
     bottom: 0;
     left: 0;
+
+    [dir="rtl"] & {
+        transition: right ease-in-out 0.3s, padding ease-in-out 0.3s;
+    }
 }
 
 .centerMessage {
@@ -278,7 +282,7 @@
     }
 
     .dashboardDocument .skinBody {
-        inset-inline-start: 20em;
+        left: 20em;
     }
 }
 
@@ -477,8 +481,7 @@
 .detailPageContent {
     display: flex;
     flex-direction: column;
-    padding-left: 32.45vw;
-    padding-right: 2%;
+    padding-inline: 32.45vw 2%;
 
     .layout-mobile & {
         padding-left: 5%;
@@ -493,9 +496,6 @@
     }
 
     [dir="rtl"] & {
-        padding-right: 32.45vw;
-        padding-left: 2%;
-
         .layout-desktop &,
         .layout-tv & {
             .emby-scroller {
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
index eb8c91f09b..6c3ed0f526 100644
--- a/src/controllers/itemDetails/index.js
+++ b/src/controllers/itemDetails/index.js
@@ -912,7 +912,7 @@ function renderOverview(page, item) {
 
         if (overview) {
             for (const overviewElemnt of overviewElements) {
-                overviewElemnt.innerHTML = overview;
+                overviewElemnt.innerHTML = '<bdi>' + overview + '</bdi>';
                 overviewElemnt.classList.remove('hide');
                 overviewElemnt.classList.add('detail-clamp-text');
 
@@ -1065,7 +1065,7 @@ function renderTagline(page, item) {
 
     if (item.Taglines && item.Taglines.length) {
         taglineElement.classList.remove('hide');
-        taglineElement.innerText = item.Taglines[0];
+        taglineElement.innerHTML = '<bdi>' + item.Taglines[0] + '</bdi>';
     } else {
         taglineElement.classList.add('hide');
     }