diff --git a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
index e054aa0a6..734ddf6ee 100644
--- a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
+++ b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
@@ -40,15 +40,15 @@
         @if (canPrint) {
           <pdf-print></pdf-print>
         }
-        <pdf-no-spread></pdf-no-spread>
-        <pdf-even-spread></pdf-even-spread>
-        <pdf-odd-spread></pdf-odd-spread>
-        <pdf-infinite-scroll></pdf-infinite-scroll>
-        <pdf-horizontal-scroll></pdf-horizontal-scroll>
-        <pdf-vertical-scroll-mode></pdf-vertical-scroll-mode>
-        <pdf-wrapped-scroll-mode></pdf-wrapped-scroll-mode>
-        <pdf-single-page-mode></pdf-single-page-mode>
-        <pdf-book-mode></pdf-book-mode>
+        <pdf-no-spread [scrollMode]="scrollMode"></pdf-no-spread>
+        <pdf-even-spread [scrollMode]="scrollMode"></pdf-even-spread>
+        <pdf-odd-spread [scrollMode]="scrollMode"></pdf-odd-spread>
+        <pdf-infinite-scroll [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-infinite-scroll>
+        <pdf-horizontal-scroll [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-horizontal-scroll>
+        <pdf-vertical-scroll-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-vertical-scroll-mode>
+        <pdf-wrapped-scroll-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-wrapped-scroll-mode>
+        <pdf-single-page-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-single-page-mode>
+        <pdf-book-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-book-mode>
         <div class="verticalToolbarSeparator hiddenSmallView"></div>
         <pdf-toggle-secondary-toolbar></pdf-toggle-secondary-toolbar>
         <div class="verticalToolbarSeparator"></div>
@@ -76,4 +76,3 @@
     </div>
   </ng-template>
 }
-
diff --git a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
index 97599fec0..a9c84253c 100644
--- a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
+++ b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
@@ -37,6 +37,8 @@ export class PdfReaderComponent implements OnInit, OnDestroy {
 
   rotation: 0 | 90 | 180 | 270 = 0;
   authorization = '';
+  scrollMode: 0 | 1 | 2 | 3 = 0;
+  pageViewMode: 'single' | 'book' | 'multiple' | 'infinite-scroll' = 'single';
 
   page!: number;
   spread!: 'off' | 'even' | 'odd';
@@ -119,7 +121,10 @@ export class PdfReaderComponent implements OnInit, OnDestroy {
     });
   }
 
-  onPageChange(page: number): void {
+  onPageChange(page: number | undefined): void {
+    if (page === undefined) {
+      return;
+    }
     if (page !== this.page) {
       this.page = page;
       this.updateProgress();