diff --git a/komga-webui/src/views/BookReader.vue b/komga-webui/src/views/BookReader.vue
index b7eb38646..9eda972f4 100644
--- a/komga-webui/src/views/BookReader.vue
+++ b/komga-webui/src/views/BookReader.vue
@@ -22,7 +22,7 @@
           >
             <v-icon>mdi-arrow-left</v-icon>
           </v-btn>
-          <v-toolbar-title> {{ this.bookTitle }}</v-toolbar-title>
+          <v-toolbar-title> {{ bookTitle }}</v-toolbar-title>
           <v-spacer></v-spacer>
           <v-btn
             icon
@@ -389,7 +389,7 @@ export default Vue.extend({
     async book (val) {
       if (this.$_.has(val, 'name')) {
         this.series = await this.$komgaSeries.getOneSeries(val.seriesId)
-        document.title = `Komga - ${getBookTitleCompact(val.name, this.series.name)}`
+        document.title = `Komga - ${this.bookTitle}`
       }
     }
   },
@@ -429,7 +429,7 @@ export default Vue.extend({
       return this.pages.length
     },
     bookTitle (): string {
-      return getBookTitleCompact(this.book.name, this.series.name)
+      return getBookTitleCompact(this.book.metadata.title, this.series.metadata.title)
     },
 
     animations: {
diff --git a/komga-webui/src/views/BrowseBook.vue b/komga-webui/src/views/BrowseBook.vue
index 53587a86c..759e78ee6 100644
--- a/komga-webui/src/views/BrowseBook.vue
+++ b/komga-webui/src/views/BrowseBook.vue
@@ -193,9 +193,9 @@ export default Vue.extend({
   },
   watch: {
     async book (val) {
-      if (this.$_.has(val, 'name')) {
+      if (this.$_.has(val, 'metadata.title')) {
         this.series = await this.$komgaSeries.getOneSeries(val.seriesId)
-        document.title = `Komga - ${getBookTitleCompact(val.metadata.title, this.series.name)}`
+        document.title = `Komga - ${getBookTitleCompact(val.metadata.title, this.series.metadata.title)}`
       }
     }
   },
diff --git a/komga-webui/src/views/BrowseSeries.vue b/komga-webui/src/views/BrowseSeries.vue
index 978a490f6..494d5238c 100644
--- a/komga-webui/src/views/BrowseSeries.vue
+++ b/komga-webui/src/views/BrowseSeries.vue
@@ -202,8 +202,8 @@ export default mixins(VisibleElements).extend({
       }
     },
     series (val) {
-      if (this.$_.has(val, 'name')) {
-        document.title = `Komga - ${val.name}`
+      if (this.$_.has(val, 'metadata.title')) {
+        document.title = `Komga - ${val.metadata.title}`
       }
     },
     selected (val: number[]) {