diff --git a/src/components/dialog/dialog.template.html b/src/components/dialog/dialog.template.html
index 6d4310c0f4..5c6f8e9000 100644
--- a/src/components/dialog/dialog.template.html
+++ b/src/components/dialog/dialog.template.html
@@ -1,5 +1,5 @@
 <div class="formDialogHeader formDialogHeader-clear justify-content-center">
-    <h1 class="formDialogHeaderTitle" style="margin-left:0;margin-top: .5em;padding: 0 1em;"></h1>
+    <h1 class="formDialogHeaderTitle" style="margin-inline-start:0;margin-top: .5em;padding: 0 1em;"></h1>
 </div>
 
 <div class="formDialogContent smoothScrollY">
diff --git a/src/components/metadataEditor/metadataEditor.template.html b/src/components/metadataEditor/metadataEditor.template.html
index 796bae550a..faecc5643d 100644
--- a/src/components/metadataEditor/metadataEditor.template.html
+++ b/src/components/metadataEditor/metadataEditor.template.html
@@ -3,7 +3,7 @@
     <h3 class="formDialogHeaderTitle">
         ${Edit}
     </h3>
-    <div style="margin-left: auto;" class="flex align-items-center justify-content-center">
+    <div style="margin-inline-start: auto;" class="flex align-items-center justify-content-center">
         <button is="emby-button" type="button" class="btnHeaderSave button-accent-flat button-flat hide" tabindex="-1">
             <span class="material-icons check" aria-hidden="true"></span>
             <span>${Save}</span>
@@ -29,7 +29,7 @@
                 <div id="fldPath" class="inputContainer">
                     <div class="align-items-center flex">
                         <div class="flex-grow">
-                            <input is="emby-input" id="txtPath" type="text" label="${LabelPath}" class="flex-grow" readonly />
+                            <input is="emby-input" id="txtPath" type="text" label="${LabelPath}" class="flex-grow" readonly dir="ltr"/>
                         </div>
                     </div>
                 </div>