diff --git a/internal/view/content.html b/internal/view/content.html
index 4bdee79..6489ea6 100644
--- a/internal/view/content.html
+++ b/internal/view/content.html
@@ -27,7 +27,7 @@
 	<div id="content-scene" :class="{night: appOptions.nightMode}">
 		<div id="header">
 			<p id="metadata" v-cloak>Added {{localtime()}}</p>
-			<p id="title">$$.Book.Title$$</p>
+			<p id="title" dir="auto">$$.Book.Title$$</p>
 			<div id="links">
 				<a href="$$.Book.URL$$" target="_blank" rel="noopener">View Original</a>
 				$$if .Book.HasArchive$$
@@ -35,7 +35,7 @@
 				$$end$$
 			</div>
 		</div>
-		<div id="content" v-pre>
+		<div id="content" dir="auto" v-pre>
 			$$html .Book.HTML$$
 		</div>
 	</div>
@@ -87,4 +87,4 @@
 	</script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/internal/view/js/component/bookmark.js b/internal/view/js/component/bookmark.js
index 4cd4c1d..d2e3815 100644
--- a/internal/view/js/component/bookmark.js
+++ b/internal/view/js/component/bookmark.js
@@ -6,7 +6,7 @@ var template = `
 	</a>
 	<a class="bookmark-link" :href="mainURL" target="_blank" rel="noopener">
 		<span class="thumbnail" v-if="thumbnailVisible" :style="thumbnailStyleURL"></span>
-		<p class="title">{{title}}
+		<p class="title" dir="auto">{{title}}
 			<i v-if="hasContent" class="fas fa-file-alt"></i>
 			<i v-if="hasArchive" class="fas fa-archive"></i>
 			<i v-if="public" class="fas fa-eye"></i>
@@ -114,4 +114,4 @@ export default {
 			this.$emit("update", this.eventItem);
 		}
 	}
-}
\ No newline at end of file
+}