diff --git a/package-lock.json b/package-lock.json
index 0742af18e6..7436042972 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,10 +35,10 @@
         "json2typescript": "^1.0.6",
         "jsonld": "^5.2.0",
         "moment": "^2.27.0",
-        "ng2-pdf-viewer": "^7.0.1",
+        "ng2-pdf-viewer": "^7.0.2",
         "ngx-color-picker": "^11.0.0",
         "openseadragon": "^2.4.0",
-        "pdfjs-dist": "^2.7.570",
+        "pdfjs-dist": "^2.11.338",
         "rollbar": "^2.24.0",
         "rxjs": "~6.5.5",
         "semver": "^6.1.1",
diff --git a/package.json b/package.json
index 63afdaae0a..6f5213b2cd 100644
--- a/package.json
+++ b/package.json
@@ -49,10 +49,10 @@
     "json2typescript": "^1.0.6",
     "jsonld": "^5.2.0",
     "moment": "^2.27.0",
-    "ng2-pdf-viewer": "^7.0.1",
+    "ng2-pdf-viewer": "^7.0.2",
     "ngx-color-picker": "^11.0.0",
     "openseadragon": "^2.4.0",
-    "pdfjs-dist": "^2.7.570",
+    "pdfjs-dist": "^2.11.338",
     "rollbar": "^2.24.0",
     "rxjs": "~6.5.5",
     "semver": "^6.1.1",
diff --git a/src/app/workspace/resource/representation/document/document.component.scss b/src/app/workspace/resource/representation/document/document.component.scss
index fe72bfe3a8..d7c480346f 100644
--- a/src/app/workspace/resource/representation/document/document.component.scss
+++ b/src/app/workspace/resource/representation/document/document.component.scss
@@ -6,16 +6,18 @@ $panelSize: 40px;
 
 $osd-height: 460px;
 
-// colors
-$dark: #000;
-$bright: #ccc;
-
 :host {
+  border: 1px solid $black;
 
   .pdf-container {
     color: $bright;
-    background-color: $dark;
     height: 100%;
+    background-color: $black;
+
+    pdf-viewer {
+      position: inherit;
+      height: calc(100% - 4px);
+    }
   }
 
   .pdf-searchbox {