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 0fb91af23..970fa361c 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
@@ -163,7 +163,7 @@
 
                 <li [ngbNavItem]="4" class="d-md-none">
                   <a ngbNavLink>Preview</a>
-                  <ng-template ngbNavContent>
+                  <ng-template ngbNavContent *ngIf="pdfPreview.offsetParent == undefined">
                     <div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
                       <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
                     </div>
@@ -180,7 +180,7 @@
         </form>
     </div>
 
-    <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block">
+    <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block" #pdfPreview>
       <div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
         <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
       </div>