diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 6f391ae3..3edc51b8 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -77,7 +77,7 @@
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=08e2056bc3744b2ea8f9",
     "/chunks/plans.js": "/chunks/plans.js?id=83fc2cc3cd4b76c8f8f0",
     "/chunks/platform.js": "/chunks/platform.js?id=2abcf9db97eafddc7dfb",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=159989005a7a026733d7",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=c2a0a8a94ff105f0141f",
     "/chunks/profile.js": "/chunks/profile.js?id=1c1c666004fb44b1c404",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=e00ee12cde704060e15b",
     "/chunks/settings.js": "/chunks/settings.js?id=fcc97a29894164e2977c",
@@ -419,5 +419,7 @@
     "/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js": "/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js",
     "/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js": "/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js",
     "/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js": "/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js",
-    "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js": "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js"
+    "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js": "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js",
+    "/chunks/platform~chunks/shared.8ecbc2534cc15edb24c7.hot-update.js": "/chunks/platform~chunks/shared.8ecbc2534cc15edb24c7.hot-update.js",
+    "/chunks/platform~chunks/shared.726c307ce12d01d3d14b.hot-update.js": "/chunks/platform~chunks/shared.726c307ce12d01d3d14b.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/FilePreviewMedia.vue b/resources/js/components/FilesView/FilePreviewMedia.vue
index 082bbd17..cc978262 100644
--- a/resources/js/components/FilesView/FilePreviewMedia.vue
+++ b/resources/js/components/FilesView/FilePreviewMedia.vue
@@ -17,7 +17,7 @@
 
             <!--Show PDF-->
             <div v-if="isPDF" id="pdf-wrapper" :style="{width: documentSize + '%'}">
-                <pdf :src="pdfdata" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:20px auto;" id="printable-file">
+                <pdf :src="pdfdata" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
                     <template slot="loading">
                         <h1>loading content...</h1>
                     </template>
@@ -69,7 +69,7 @@ import {events} from '@/bus'
 import pdf from 'pdfvuer'
 
 export default {
-    name: 'MediaFullPreview',
+    name: 'FilePreviewMedia',
     components: {
         ChevronRightIcon,
         ChevronLeftIcon,
@@ -264,14 +264,22 @@ export default {
 }
 
 #pdf-wrapper {
-    overflow-y: scroll;
-    margin: 0 auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
+	border-radius: 8px;
+	overflow-y: scroll;
+	margin: 0 auto;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 1;
+	padding: 40px;
+
+	.pdf-file {
+		box-shadow: $light_mode_popup_shadow;
+		border-radius: 8px;
+		overflow: hidden;
+	}
 }
 
 .media-full-preview {