diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index dbc033ba..dd3928e4 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -13,5 +13,15 @@
     "/js/main.b7f8b140489b6f84b5fa.hot-update.js": "/js/main.b7f8b140489b6f84b5fa.hot-update.js",
     "/js/main.072990b3c71796c0890e.hot-update.js": "/js/main.072990b3c71796c0890e.hot-update.js",
     "/js/main.647feaaaa324a4c0a90c.hot-update.js": "/js/main.647feaaaa324a4c0a90c.hot-update.js",
-    "/js/main.df8ce05016498d3f7fe5.hot-update.js": "/js/main.df8ce05016498d3f7fe5.hot-update.js"
+    "/js/main.df8ce05016498d3f7fe5.hot-update.js": "/js/main.df8ce05016498d3f7fe5.hot-update.js",
+    "/js/main.e53af339d2e561120030.hot-update.js": "/js/main.e53af339d2e561120030.hot-update.js",
+    "/js/main.79e7901acb9aaa7f3bd0.hot-update.js": "/js/main.79e7901acb9aaa7f3bd0.hot-update.js",
+    "/js/main.f93eb4cc730060c8b4c8.hot-update.js": "/js/main.f93eb4cc730060c8b4c8.hot-update.js",
+    "/js/main.15c2a08e6be31a440ac8.hot-update.js": "/js/main.15c2a08e6be31a440ac8.hot-update.js",
+    "/js/main.fd70e2b0906329f2f8c8.hot-update.js": "/js/main.fd70e2b0906329f2f8c8.hot-update.js",
+    "/js/main.1517c69f49f7cbf58556.hot-update.js": "/js/main.1517c69f49f7cbf58556.hot-update.js",
+    "/js/main.31d2a937b7ed1c38abf3.hot-update.js": "/js/main.31d2a937b7ed1c38abf3.hot-update.js",
+    "/js/main.7d748799750837d3d3d1.hot-update.js": "/js/main.7d748799750837d3d3d1.hot-update.js",
+    "/js/main.b6eeec4c5f2cdef792b1.hot-update.js": "/js/main.b6eeec4c5f2cdef792b1.hot-update.js",
+    "/js/main.91ed64d2faf14a03d117.hot-update.js": "/js/main.91ed64d2faf14a03d117.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/FileFullPreview.vue b/resources/js/components/FilesView/FileFullPreview.vue
index 7d2e44c8..e77cb888 100644
--- a/resources/js/components/FilesView/FileFullPreview.vue
+++ b/resources/js/components/FilesView/FileFullPreview.vue
@@ -68,10 +68,6 @@ export default {
   },
 
   mounted() {
-    if (this.showFullPreview) {
-      let preview = document.getElementById("file-wrapper-preview");
-      preview.addEventListener("click", this.hideMenu);
-    }
     events.$on("fileFullPreview:show", () => {
       this.showFullPreview = true;
     });
diff --git a/resources/js/components/FilesView/FilePreviewNavigationPanel.vue b/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
index e92899f0..2ba3cf6b 100644
--- a/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
+++ b/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
@@ -35,11 +35,13 @@
     <div class="navigation-icons">
       <div class="navigation-tool-wrapper">
         <ToolbarButton
+           v-if="!this.$isMobile()"
           source="download"
           @click.native="downloadItem"
           :action="$t('actions.download')"
         />
         <ToolbarButton
+        v-if="!this.$isMobile()"
           source="share"
           :class="{ 'is-inactive': canShareInView }"
           :action="$t('actions.share')"
diff --git a/resources/js/components/FilesView/MediaFullPreview.vue b/resources/js/components/FilesView/MediaFullPreview.vue
index b2c644a7..6abc66a9 100644
--- a/resources/js/components/FilesView/MediaFullPreview.vue
+++ b/resources/js/components/FilesView/MediaFullPreview.vue
@@ -17,8 +17,9 @@
           :src="currentFile.file_url"
           v-on:load="onLoaded"
         />
+        <div class="video-wrapper"  v-if="fileInfoDetail.type === 'video' && currentFile.file_url">
         <video
-          v-if="fileInfoDetail.type === 'video' && currentFile.file_url"
+         
           :src="currentFile.file_url"
           class="video"
           controlsList="nodownload"
@@ -26,6 +27,7 @@
           playsinline
           controls
         />
+        </div>
         <spinner v-if="!loaded && fileInfoDetail.type === 'image'" />
       </div>
     </div>
@@ -207,17 +209,22 @@ export default {
     .audio {
       border-radius: 28px;
     }
-    .video {
+    .video-wrapper {
+      max-width: 1080px;
       max-height: 100%;
-      max-width: 1072px;
-      box-shadow: 0 8px 40px rgba($text, 0.3);
 
-      @media (min-width: 1920px) {
+      @media (min-width: 1200px) {
+        & {
+          max-width: 800px;
+        }
+      }
+
+       @media (min-width: 1920px) and (max-width: 2560px) {
         & {
           max-width: 1080px;
         }
       }
-       @media (min-width: 2560px) {
+       @media (min-width: 2560px) and (max-width: 3840px) {
         & {
           max-width: 1440px;
         }
@@ -227,6 +234,14 @@ export default {
           max-width: 2160px;
         }
       }
+    .video {
+      max-width: 100%;
+      max-height: 100%;
+      align-self: center;
+      box-shadow: 0 8px 40px rgba($text, 0.3);
+
+     
+    }
     }
   }
 }