diff --git a/UI/Web/src/app/book-reader/book-reader/book-reader.component.html b/UI/Web/src/app/book-reader/book-reader/book-reader.component.html
index 4ea4f1e4a..4d9669345 100644
--- a/UI/Web/src/app/book-reader/book-reader/book-reader.component.html
+++ b/UI/Web/src/app/book-reader/book-reader/book-reader.component.html
@@ -117,7 +117,7 @@
             [innerHtml]="page" *ngIf="page !== undefined"></div>
 
         <div class="left {{clickOverlayClass('left')}} no-observe" (click)="prevPage()" *ngIf="clickToPaginate" tabindex="-1"></div>
-        <div class="right {{clickOverlayClass('right')}} no-observe" (click)="nextPage()" *ngIf="clickToPaginate" tabindex="-1"></div>
+        <div class="{{scrollbarNeeded ? 'right-with-scrollbar' : 'right'}} {{clickOverlayClass('right')}} no-observe" (click)="nextPage()" *ngIf="clickToPaginate" tabindex="-1"></div>
         
         <div *ngIf="page !== undefined && scrollbarNeeded">
             <ng-container [ngTemplateOutlet]="actionBar"></ng-container>
diff --git a/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss b/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss
index 12823f996..1d70b604d 100644
--- a/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss
+++ b/UI/Web/src/app/book-reader/book-reader/book-reader.component.scss
@@ -202,9 +202,22 @@ $primary-color: #0062cc;
 
 .right {
     position: fixed;
-    right: 0px;
+    right: 0px; // with scrollbar: 17px
     top: 0px;
-    width: 20%;
+    width: 20%; // with scrollbar: 18%
+    height: 100%;
+    z-index: 2;
+    cursor: pointer;
+    opacity: 0;
+    background: transparent;
+}
+
+// This class pushes the click area to the left a bit to let users click the scrollbar
+.right-with-scrollbar {
+    position: fixed;
+    right: 17px;
+    top: 0px;
+    width: 18%;
     height: 100%;
     z-index: 2;
     cursor: pointer;