diff --git a/assets/css/pdf.css b/assets/css/pdf.css
index 26c80a5baf27..1d8c686efd76 100644
--- a/assets/css/pdf.css
+++ b/assets/css/pdf.css
@@ -8,8 +8,7 @@
     overflow: visible;
     border: 9px solid transparent;
     background-clip: content-box;
-    border-image: url(../images/shadow.png) 9 9 repeat;
-    background-color: rgba(255, 255, 255, 1);
+    background-color: transparent !important;
 }
 
 .react-pdf__Page__annotations {
@@ -24,3 +23,12 @@
 .react-pdf__Page__textContent span{
     color: transparent;
 }
+.react-pdf__Page__canvas {
+    box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.06);
+}
+@media (prefers-color-scheme: dark) {
+    .react-pdf__Page__canvas {
+        color-scheme: dark;
+        box-shadow: 0px 4px 12px 0px rgba(2, 18, 4, 0.24);
+    }
+}
diff --git a/assets/images/shadow.png b/assets/images/shadow.png
deleted file mode 100644
index a00061ac7e12..000000000000
Binary files a/assets/images/shadow.png and /dev/null differ
diff --git a/config/webpack/webpack.common.ts b/config/webpack/webpack.common.ts
index 8ad26ac31e01..c58ee143fc14 100644
--- a/config/webpack/webpack.common.ts
+++ b/config/webpack/webpack.common.ts
@@ -121,7 +121,6 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
                 {from: 'assets/sounds', to: 'sounds'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/AnnotationLayer.css', to: 'css/AnnotationLayer.css'},
                 {from: 'node_modules/react-pdf/dist/esm/Page/TextLayer.css', to: 'css/TextLayer.css'},
-                {from: 'assets/images/shadow.png', to: 'images/shadow.png'},
                 {from: '.well-known/apple-app-site-association', to: '.well-known/apple-app-site-association', toType: 'file'},
                 {from: '.well-known/assetlinks.json', to: '.well-known/assetlinks.json'},