diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index af13a1428..b0a0ac4ba 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -252,7 +252,6 @@
                 [src]="previewUrl"
                 [useBrowserLocale]="true"
                 [showToolbar]="false"
-                [showBorders]="false"
                 [zoom]="previewZoomSetting"
                 (pagesLoaded)="onPagesLoaded($event)"
                 (pdfLoadingStarts)="onPdfLoadingStarts()"
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.scss b/src-ui/src/app/components/document-detail/document-detail.component.scss
index 4e3880a15..9e2aef4ac 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.scss
+++ b/src-ui/src/app/components/document-detail/document-detail.component.scss
@@ -5,21 +5,21 @@
 }
 
 .pdf-viewer-container {
-  padding: 8px 8px 0;
   background-color: gray;
 
-  ::ng-deep #printServiceDialog {
-    max-width: 400px;
+  pdf-viewer {
+    width: 100%;
+    height: 100%;
   }
+}
 
-  ::ng-deep #mainContainer.toolbar-hidden {
-    margin-top: 0 !important;
-  }
+::ng-deep .ng2-pdf-viewer-container .page {
+  --page-margin: 1px 0 10px;
+  width: 100% !important;
+}
 
-  ::ng-deep #viewerContainer {
-    top: 0 !important;
-    background-color: gray !important;
-  }
+::ng-deep .ng2-pdf-viewer-container .page:last-child {
+  --page-margin: 1px 0 20px;
 }
 
 ::ng-deep .ng-select-taggable {