diff --git a/UI/Web/package-lock.json b/UI/Web/package-lock.json
index eb956e53f..63949ee38 100644
--- a/UI/Web/package-lock.json
+++ b/UI/Web/package-lock.json
@@ -11751,9 +11751,9 @@
       }
     },
     "node_modules/ngx-extended-pdf-viewer": {
-      "version": "18.1.9",
-      "resolved": "https://registry.npmjs.org/ngx-extended-pdf-viewer/-/ngx-extended-pdf-viewer-18.1.9.tgz",
-      "integrity": "sha512-puISS6h1JoHObo0BZK68EhlWlI215AWP5RJ5D86yuWiBgVYeNUa8JrEVnaJtQ/bI6WbfvleaBe8NBwKnM0Bqsw==",
+      "version": "18.1.14",
+      "resolved": "https://registry.npmjs.org/ngx-extended-pdf-viewer/-/ngx-extended-pdf-viewer-18.1.14.tgz",
+      "integrity": "sha512-8nz0sQWPn3BrN8rLy0vHrORZ3FJWPKDBt2eOJANxTmEKr0mkVECHqOoK47EfZMrc/+zwCzJkzTskA9w3CzJM/A==",
       "dependencies": {
         "lodash.deburr": "^4.1.0",
         "tslib": "^2.3.0"
diff --git a/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.html b/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.html
index 6dcf56b33..1b372f268 100644
--- a/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.html
+++ b/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.html
@@ -33,6 +33,7 @@
       [backgroundColor]="backgroundColor"
       [customToolbar]="multiToolbar"
       [language]="user.preferences.locale"
+      [(scrollMode)]="scrollMode"
 
       (pageChange)="saveProgress()"
       (pdfLoadingStarts)="updateLoading(true)"
@@ -86,6 +87,14 @@
 
           <div class="verticalToolbarSeparator hiddenSmallView"></div>
           <pdf-toggle-secondary-toolbar></pdf-toggle-secondary-toolbar>
+
+          <pdf-single-page-mode [show]="true" [scrollMode]="scrollMode"></pdf-single-page-mode>
+          <pdf-vertical-scroll-mode [show]="true" [scrollMode]="scrollMode"></pdf-vertical-scroll-mode>
+          <pdf-horizontal-scroll [show]="true" [scrollMode]="scrollMode"></pdf-horizontal-scroll>
+          <pdf-wrapped-scroll-mode [show]="true" [scrollMode]="scrollMode"></pdf-wrapped-scroll-mode>
+          <pdf-no-spread [show]=true [scrollMode]="scrollMode"></pdf-no-spread>
+          <pdf-odd-spread [show]=true [scrollMode]="scrollMode"></pdf-odd-spread>
+          <pdf-even-spread [show]="true" [scrollMode]="scrollMode"></pdf-even-spread>
         </div>
 
       </div>
diff --git a/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.ts b/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.ts
index 88762f40a..7bf945d5d 100644
--- a/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.ts
+++ b/UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.ts
@@ -7,7 +7,7 @@ import {
   OnInit, ViewChild
 } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { NgxExtendedPdfViewerService, PageViewModeType, ProgressBarEvent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
+import { NgxExtendedPdfViewerService, PageViewModeType, ScrollModeType, ProgressBarEvent, NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 import { ToastrService } from 'ngx-toastr';
 import { take } from 'rxjs';
 import { BookService } from 'src/app/book-reader/_services/book.service';
@@ -89,6 +89,8 @@ export class PdfReaderComponent implements OnInit, OnDestroy {
    */
   bookMode: PageViewModeType = 'multiple';
 
+  scrollMode: ScrollModeType = ScrollModeType.vertical;
+
   constructor(private route: ActivatedRoute, private router: Router, public accountService: AccountService,
     private seriesService: SeriesService, public readerService: ReaderService,
     private navService: NavService, private toastr: ToastrService,