diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 80cf6628..1c7049c3 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -27,10 +27,10 @@
     "/chunks/database.js": "/chunks/database.js?id=416a5164bdc53c97ea34",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=464c8e70974d492ce7f6",
     "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=405847df44edd86e301a",
-    "/chunks/files.js": "/chunks/files.js?id=8c5d2eb1d537aaba07b1",
+    "/chunks/files.js": "/chunks/files.js?id=12e6fd841d32ca1af12f",
     "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js?id=8ccd35de575e8a91d02f",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=07037ce8dc885327b3de",
-    "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=b013006caf6a7063b0b8",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=72203945eb28fc533dff",
+    "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=a38b5486aad2de37d702",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=aba8c662fbc234892216",
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=ecceaa6cdf5768826b36",
     "/chunks/invoices.js": "/chunks/invoices.js?id=248503ac5967fe8370f9",
@@ -75,60 +75,73 @@
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=a99910f95c3e39caa78b",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=e8ea1e67f9ac0a835ed0",
     "/chunks/users.js": "/chunks/users.js?id=cdba7af8fb0cd8e64c40",
-    "/js/main.416d7c036f67d17dffdc.hot-update.js": "/js/main.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/dashboard.416d7c036f67d17dffdc.hot-update.js": "/chunks/dashboard.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-methods~chunks/users.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-methods~chunks/users.js?id=2bb9ebac09457d3b898e",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.416d7c036f67d17dffdc.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/invoices.416d7c036f67d17dffdc.hot-update.js": "/chunks/invoices.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/pages.416d7c036f67d17dffdc.hot-update.js": "/chunks/pages.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/plans.416d7c036f67d17dffdc.hot-update.js": "/chunks/plans.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/settings-payment-methods.416d7c036f67d17dffdc.hot-update.js": "/chunks/settings-payment-methods.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/settings-subscription.416d7c036f67d17dffdc.hot-update.js": "/chunks/settings-subscription.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/settings-subscription~chunks/user-subscription.js": "/chunks/settings-subscription~chunks/user-subscription.js?id=d58c4e02afae33b7cc85",
-    "/chunks/user-subscription.416d7c036f67d17dffdc.hot-update.js": "/chunks/user-subscription.416d7c036f67d17dffdc.hot-update.js",
-    "/chunks/users.416d7c036f67d17dffdc.hot-update.js": "/chunks/users.416d7c036f67d17dffdc.hot-update.js",
-    "/js/main.8b6a1c450658d2828dbe.hot-update.js": "/js/main.8b6a1c450658d2828dbe.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.8b6a1c450658d2828dbe.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.8b6a1c450658d2828dbe.hot-update.js",
-    "/chunks/shared-page.8b6a1c450658d2828dbe.hot-update.js": "/chunks/shared-page.8b6a1c450658d2828dbe.hot-update.js",
-    "/js/main.83004a39187f95359200.hot-update.js": "/js/main.83004a39187f95359200.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.a704060620a53c00cda1.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.a704060620a53c00cda1.hot-update.js",
-    "/js/main.f92ddb8a225750d7f8bd.hot-update.js": "/js/main.f92ddb8a225750d7f8bd.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.bd7a910f461fdea399e0.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.bd7a910f461fdea399e0.hot-update.js",
-    "/js/main.86142e0459d9ca0d7dd5.hot-update.js": "/js/main.86142e0459d9ca0d7dd5.hot-update.js",
-    "/js/main.60ea387d8ce2b6a54dc5.hot-update.js": "/js/main.60ea387d8ce2b6a54dc5.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.60ea387d8ce2b6a54dc5.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.60ea387d8ce2b6a54dc5.hot-update.js",
-    "/chunks/shared-page.60ea387d8ce2b6a54dc5.hot-update.js": "/chunks/shared-page.60ea387d8ce2b6a54dc5.hot-update.js",
-    "/js/main.bc5256edcde07c715c51.hot-update.js": "/js/main.bc5256edcde07c715c51.hot-update.js",
-    "/js/main.d4d3c45018810a9487d3.hot-update.js": "/js/main.d4d3c45018810a9487d3.hot-update.js",
-    "/js/main.37f00c2209097b67c168.hot-update.js": "/js/main.37f00c2209097b67c168.hot-update.js",
-    "/js/main.d13d00dd0960a1b34277.hot-update.js": "/js/main.d13d00dd0960a1b34277.hot-update.js",
-    "/js/main.f8b438b230dd47b54dd0.hot-update.js": "/js/main.f8b438b230dd47b54dd0.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.d91c6f47618063bf79f0.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d91c6f47618063bf79f0.hot-update.js",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.724b57c5d3ce1feb2804.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.724b57c5d3ce1feb2804.hot-update.js",
-    "/js/main.2fdd29447bb2bc03bef8.hot-update.js": "/js/main.2fdd29447bb2bc03bef8.hot-update.js",
-    "/js/main.20246f85dde0385f2698.hot-update.js": "/js/main.20246f85dde0385f2698.hot-update.js",
-    "/js/main.c6a0396830420e6b6128.hot-update.js": "/js/main.c6a0396830420e6b6128.hot-update.js",
-    "/js/main.251a1e1314aa7d33ab97.hot-update.js": "/js/main.251a1e1314aa7d33ab97.hot-update.js",
-    "/js/main.c541786294aded350a9b.hot-update.js": "/js/main.c541786294aded350a9b.hot-update.js",
-    "/js/main.7fd04c35c2af0390aa32.hot-update.js": "/js/main.7fd04c35c2af0390aa32.hot-update.js",
-    "/js/main.d8707a1cdbec80133cb3.hot-update.js": "/js/main.d8707a1cdbec80133cb3.hot-update.js",
-    "/js/main.f750d0748171708b5043.hot-update.js": "/js/main.f750d0748171708b5043.hot-update.js",
-    "/js/main.8e0499a4d9316117eb04.hot-update.js": "/js/main.8e0499a4d9316117eb04.hot-update.js",
-    "/js/main.d72c7db1e705567f6386.hot-update.js": "/js/main.d72c7db1e705567f6386.hot-update.js",
-    "/js/main.8d3f6fb3162026063ad7.hot-update.js": "/js/main.8d3f6fb3162026063ad7.hot-update.js",
-    "/js/main.cb78880e74f88f224f33.hot-update.js": "/js/main.cb78880e74f88f224f33.hot-update.js",
-    "/js/main.212eae7c7d6846b1dc35.hot-update.js": "/js/main.212eae7c7d6846b1dc35.hot-update.js",
-    "/js/main.481731f78a29466d066e.hot-update.js": "/js/main.481731f78a29466d066e.hot-update.js",
-    "/js/main.c5ba4c91705e3a4ad180.hot-update.js": "/js/main.c5ba4c91705e3a4ad180.hot-update.js",
-    "/js/main.e1dcb97843fdc3f319ac.hot-update.js": "/js/main.e1dcb97843fdc3f319ac.hot-update.js",
-    "/js/main.96e7c08d3ee6bba8c033.hot-update.js": "/js/main.96e7c08d3ee6bba8c033.hot-update.js",
-    "/js/main.0e5ce30664abb1b7e16e.hot-update.js": "/js/main.0e5ce30664abb1b7e16e.hot-update.js",
-    "/js/main.001fc375a79a083f61d3.hot-update.js": "/js/main.001fc375a79a083f61d3.hot-update.js",
-    "/js/main.dc445da91400fa9a37d7.hot-update.js": "/js/main.dc445da91400fa9a37d7.hot-update.js",
-    "/chunks/shared-page.c7c87198803f5000e014.hot-update.js": "/chunks/shared-page.c7c87198803f5000e014.hot-update.js",
-    "/chunks/shared-page.946d30868c2b2c069ca8.hot-update.js": "/chunks/shared-page.946d30868c2b2c069ca8.hot-update.js",
-    "/js/main.589579ec0ff0cb94a35d.hot-update.js": "/js/main.589579ec0ff0cb94a35d.hot-update.js",
-    "/js/main.a804bc56c0ee2994b552.hot-update.js": "/js/main.a804bc56c0ee2994b552.hot-update.js",
-    "/js/main.5294a9d40df50f813b42.hot-update.js": "/js/main.5294a9d40df50f813b42.hot-update.js",
-    "/js/main.a2866672a063505d1104.hot-update.js": "/js/main.a2866672a063505d1104.hot-update.js"
+    "/js/main.7b1d5f3297b87dc1487d.hot-update.js": "/js/main.7b1d5f3297b87dc1487d.hot-update.js",
+    "/js/main.770426ead3454ca11c24.hot-update.js": "/js/main.770426ead3454ca11c24.hot-update.js",
+    "/js/main.f1dfe4e14990c901dc0d.hot-update.js": "/js/main.f1dfe4e14990c901dc0d.hot-update.js",
+    "/js/main.e07a78657b6afb9664c4.hot-update.js": "/js/main.e07a78657b6afb9664c4.hot-update.js",
+    "/js/main.7ec28b0babf7c0117a03.hot-update.js": "/js/main.7ec28b0babf7c0117a03.hot-update.js",
+    "/js/main.ff4f23729b07e007552e.hot-update.js": "/js/main.ff4f23729b07e007552e.hot-update.js",
+    "/js/main.320ea5c40b254b1a221d.hot-update.js": "/js/main.320ea5c40b254b1a221d.hot-update.js",
+    "/js/main.8b0c714e0199fe4de309.hot-update.js": "/js/main.8b0c714e0199fe4de309.hot-update.js",
+    "/js/main.f16e936cac6b888f60f4.hot-update.js": "/js/main.f16e936cac6b888f60f4.hot-update.js",
+    "/js/main.7311b327647ae4817f93.hot-update.js": "/js/main.7311b327647ae4817f93.hot-update.js",
+    "/js/main.e89a93411c78a64b9203.hot-update.js": "/js/main.e89a93411c78a64b9203.hot-update.js",
+    "/js/main.6696d21bd77a8f6a8555.hot-update.js": "/js/main.6696d21bd77a8f6a8555.hot-update.js",
+    "/js/main.384fe7a3656aacbf868f.hot-update.js": "/js/main.384fe7a3656aacbf868f.hot-update.js",
+    "/js/main.446ef0560ec164d558ab.hot-update.js": "/js/main.446ef0560ec164d558ab.hot-update.js",
+    "/js/main.ba2173a2df957eaa9726.hot-update.js": "/js/main.ba2173a2df957eaa9726.hot-update.js",
+    "/js/main.3ddfed04f74f778bf1f3.hot-update.js": "/js/main.3ddfed04f74f778bf1f3.hot-update.js",
+    "/js/main.baed53710795543380e5.hot-update.js": "/js/main.baed53710795543380e5.hot-update.js",
+    "/js/main.6475f8627ab4967821f1.hot-update.js": "/js/main.6475f8627ab4967821f1.hot-update.js",
+    "/js/main.e1d20c5ee15e8a281edd.hot-update.js": "/js/main.e1d20c5ee15e8a281edd.hot-update.js",
+    "/js/main.e3e77125ca1fa0b42995.hot-update.js": "/js/main.e3e77125ca1fa0b42995.hot-update.js",
+    "/js/main.82ca6152237b4c1961f7.hot-update.js": "/js/main.82ca6152237b4c1961f7.hot-update.js",
+    "/js/main.179c6a1e106c6bcf3608.hot-update.js": "/js/main.179c6a1e106c6bcf3608.hot-update.js",
+    "/js/main.c7c7758ebaf37f33635e.hot-update.js": "/js/main.c7c7758ebaf37f33635e.hot-update.js",
+    "/js/main.8887957da7ca4eb40298.hot-update.js": "/js/main.8887957da7ca4eb40298.hot-update.js",
+    "/js/main.e5c62289ca0d2f541b4a.hot-update.js": "/js/main.e5c62289ca0d2f541b4a.hot-update.js",
+    "/js/main.16964ff0710c00b66242.hot-update.js": "/js/main.16964ff0710c00b66242.hot-update.js",
+    "/js/main.dcf17e117eb037684091.hot-update.js": "/js/main.dcf17e117eb037684091.hot-update.js",
+    "/js/main.354b7a6f7ae0d3aa1142.hot-update.js": "/js/main.354b7a6f7ae0d3aa1142.hot-update.js",
+    "/js/main.c0e89fd3dc4b144c0b57.hot-update.js": "/js/main.c0e89fd3dc4b144c0b57.hot-update.js",
+    "/js/main.cce9de6e34bd195a2470.hot-update.js": "/js/main.cce9de6e34bd195a2470.hot-update.js",
+    "/js/main.180b7c64d41dc17bcbdc.hot-update.js": "/js/main.180b7c64d41dc17bcbdc.hot-update.js",
+    "/js/main.fa0507cbb488d1323174.hot-update.js": "/js/main.fa0507cbb488d1323174.hot-update.js",
+    "/js/main.2683ebdbd7a3372257f8.hot-update.js": "/js/main.2683ebdbd7a3372257f8.hot-update.js",
+    "/js/main.03403135144d950bce7f.hot-update.js": "/js/main.03403135144d950bce7f.hot-update.js",
+    "/js/main.a9989d18dab41c5d1d6e.hot-update.js": "/js/main.a9989d18dab41c5d1d6e.hot-update.js",
+    "/js/main.54110e245dcb0ba48b97.hot-update.js": "/js/main.54110e245dcb0ba48b97.hot-update.js",
+    "/js/main.8d95172eb5c63972df0f.hot-update.js": "/js/main.8d95172eb5c63972df0f.hot-update.js",
+    "/js/main.808cab2d93990d9589b3.hot-update.js": "/js/main.808cab2d93990d9589b3.hot-update.js",
+    "/js/main.3bb3415f7ef6f74f7024.hot-update.js": "/js/main.3bb3415f7ef6f74f7024.hot-update.js",
+    "/js/main.1aa5357fceaafbea6861.hot-update.js": "/js/main.1aa5357fceaafbea6861.hot-update.js",
+    "/js/main.b2768a7e953f9f27158a.hot-update.js": "/js/main.b2768a7e953f9f27158a.hot-update.js",
+    "/js/main.281734f935cd1d4edbd3.hot-update.js": "/js/main.281734f935cd1d4edbd3.hot-update.js",
+    "/js/main.3f772785fc422e9dca89.hot-update.js": "/js/main.3f772785fc422e9dca89.hot-update.js",
+    "/js/main.33f1f06a04e805b8158d.hot-update.js": "/js/main.33f1f06a04e805b8158d.hot-update.js",
+    "/js/main.de8ff86fd5ffffd0f98f.hot-update.js": "/js/main.de8ff86fd5ffffd0f98f.hot-update.js",
+    "/js/main.7a0559efa8374cefb180.hot-update.js": "/js/main.7a0559efa8374cefb180.hot-update.js",
+    "/js/main.9710d1e2246ae5bd9764.hot-update.js": "/js/main.9710d1e2246ae5bd9764.hot-update.js",
+    "/js/main.82c10aa6187dfc6c759d.hot-update.js": "/js/main.82c10aa6187dfc6c759d.hot-update.js",
+    "/js/main.6785fe267fd9e655c779.hot-update.js": "/js/main.6785fe267fd9e655c779.hot-update.js",
+    "/js/main.ac897cdb3ed815c9b32f.hot-update.js": "/js/main.ac897cdb3ed815c9b32f.hot-update.js",
+    "/js/main.bfd33a236b3ada863585.hot-update.js": "/js/main.bfd33a236b3ada863585.hot-update.js",
+    "/js/main.5e494a2564eb284c61e7.hot-update.js": "/js/main.5e494a2564eb284c61e7.hot-update.js",
+    "/js/main.423d19b046bdfcd61cdd.hot-update.js": "/js/main.423d19b046bdfcd61cdd.hot-update.js",
+    "/js/main.21687aee4ca3f3d031d2.hot-update.js": "/js/main.21687aee4ca3f3d031d2.hot-update.js",
+    "/js/main.7ac03d713a927b074d0a.hot-update.js": "/js/main.7ac03d713a927b074d0a.hot-update.js",
+    "/js/main.2b41ecbfda552f8654e1.hot-update.js": "/js/main.2b41ecbfda552f8654e1.hot-update.js",
+    "/js/main.370a1d9e80afc6a8c4df.hot-update.js": "/js/main.370a1d9e80afc6a8c4df.hot-update.js",
+    "/js/main.e7eeb63ebfb99748eafb.hot-update.js": "/js/main.e7eeb63ebfb99748eafb.hot-update.js",
+    "/js/main.7c56c532344c1e948870.hot-update.js": "/js/main.7c56c532344c1e948870.hot-update.js",
+    "/js/main.23bc0e0bc10bb7766277.hot-update.js": "/js/main.23bc0e0bc10bb7766277.hot-update.js",
+    "/js/main.6cd6982ff29745d16f1e.hot-update.js": "/js/main.6cd6982ff29745d16f1e.hot-update.js",
+    "/js/main.cad79ae055979dada201.hot-update.js": "/js/main.cad79ae055979dada201.hot-update.js",
+    "/js/main.6ce992d987b11b2352d3.hot-update.js": "/js/main.6ce992d987b11b2352d3.hot-update.js",
+    "/js/main.c93a1d9f81a08c06871c.hot-update.js": "/js/main.c93a1d9f81a08c06871c.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.d2b8e91ee4e6586eed78.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.d2b8e91ee4e6586eed78.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.5b5e8120c941c464e39f.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.5b5e8120c941c464e39f.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.bc87867e2e764b666b44.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.bc87867e2e764b666b44.hot-update.js",
+    "/chunks/files~chunks/shared-page.a39af8a471c4d71c2c0a.hot-update.js": "/chunks/files~chunks/shared-page.a39af8a471c4d71c2c0a.hot-update.js",
+    "/chunks/files.1052f910662e9e1fb1ca.hot-update.js": "/chunks/files.1052f910662e9e1fb1ca.hot-update.js"
 }
diff --git a/resources/js/App.vue b/resources/js/App.vue
index 129bae36..a4bc67bf 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -28,7 +28,7 @@
             <!-- Mobile Menu for Multiselected items -->
             <MobileMultiSelectMenu/>
 
-            <!-- Multi Select Drag & Drop UI -->
+            <!--  Drag & Drop UI -->
             <DragUI/>
 
             <!--Mobile Menu-->
diff --git a/resources/js/components/FilesView/DragUI.vue b/resources/js/components/FilesView/DragUI.vue
index 71b568dd..f556a885 100644
--- a/resources/js/components/FilesView/DragUI.vue
+++ b/resources/js/components/FilesView/DragUI.vue
@@ -1,7 +1,5 @@
 <template>
-    <div>
-        <MultiSelected :title="title" :subtitle="subtitle" id="multi-select-ui" v-show="draged" />
-    </div>
+        <MultiSelected :title="title" :subtitle="subtitle" id="multi-select-ui" v-show="dragged" />
 </template>
 
 <script>
@@ -15,24 +13,24 @@ import {events} from '@/bus'
         computed: {
             ...mapGetters(['fileInfoDetail']),
             title(){
-                if(this.fileInfoDetail.length > 1 && this.fileInfoDetail.includes(this.dragedItem)) {
+                if(this.fileInfoDetail.length > 1 && this.fileInfoDetail.includes(this.draggedItem)) {
                     return this.$t('file_detail.selected_multiple')
                 }
 
-                if((this.fileInfoDetail.length < 2 || !this.fileInfoDetail.includes(this.dragedItem)) && this.dragedItem ) {
-                    return this.dragedItem.name
+                if((this.fileInfoDetail.length < 2 || !this.fileInfoDetail.includes(this.draggedItem)) && this.draggedItem ) {
+                    return this.draggedItem.name
                 }
             },
             subtitle(){
-                if(this.fileInfoDetail.length > 1 && this.fileInfoDetail.includes(this.dragedItem) ) {
+                if(this.fileInfoDetail.length > 1 && this.fileInfoDetail.includes(this.draggedItem) ) {
                     return this.fileInfoDetail.length + ' ' + this.$tc('file_detail.items', this.fileInfoDetail.length)
                 }
             },
         },
         data () {
             return {
-                draged: false,
-                dragedItem: undefined
+                dragged: false,
+                draggedItem: undefined
             }
         },
         mounted () {
@@ -40,11 +38,13 @@ import {events} from '@/bus'
             // Hnadle Drag & Drop Ghost show
             
             events.$on('dragstart', (data) => {
-                this.draged = true
-                this.dragedItem = data
+                setTimeout(() => {
+                    this.dragged = true
+                }, 50);
+                this.draggedItem = data
             })
             events.$on('drop', () => {
-                this.draged = false
+                this.dragged = false
             })
             
         }
diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue
index 12c1f49c..7dc6c95f 100644
--- a/resources/js/components/FilesView/FileBrowser.vue
+++ b/resources/js/components/FilesView/FileBrowser.vue
@@ -38,7 +38,7 @@
                             v-for="item in data"
                             :key="item.unique_id"
                             class="file-item"
-                            :class="dragedItems.includes(item) ? 'draged' : '' "                      
+                            :class="draggedItems.includes(item) ? 'dragged' : '' "                      
                     />
                 </transition-group>
             </div>
@@ -59,7 +59,7 @@
                             v-for="item in data"
                             :key="item.unique_id"
                             class="file-item"
-                            :class="dragedItems.includes(item) ? 'draged' : '' "
+                            :class="draggedItems.includes(item) ? 'dragged' : '' "
                     />
                 </transition-group>
             </div>
@@ -137,7 +137,7 @@
             isEmpty() {
                 return this.data.length == 0
             },
-            dragedItems() {
+            draggedItems() {
                 //Set opacity for dragged items
 
                 if(!this.fileInfoDetail.includes(this.draggingId)){
@@ -264,7 +264,15 @@
     @import '@assets/vue-file-manager/_variables';
     @import '@assets/vue-file-manager/_mixins';
 
-    .draged {
+    .file-list {
+        .dragged {
+        /deep/.is-dragenter {
+            border: 2px solid transparent;
+        }
+        }
+    }
+
+    .dragged {
         opacity: 0.5;
     }
 
@@ -275,11 +283,6 @@
         
     }
 
-    .draged-clone {
-        display: none !important;
-        opacity: 0 !important;
-    }
-
     .mobile-multi-select {
         bottom: 50px !important;
     }
diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue
index d8677b6b..39c3e0c1 100644
--- a/resources/js/components/FilesView/FileItemGrid.vue
+++ b/resources/js/components/FilesView/FileItemGrid.vue
@@ -168,8 +168,6 @@
             dragEnter() {
                 if (this.data.type !== 'folder') return
 
-                if(this.fileInfoDetail.includes(this.data)) return
-
                 this.area = true
             },
             dragLeave() {
diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue
index 7d6aa6ab..aa4b8512 100644
--- a/resources/js/components/FilesView/FileItemList.vue
+++ b/resources/js/components/FilesView/FileItemList.vue
@@ -160,8 +160,6 @@ export default {
 		dragEnter() {
 			if (this.data.type !== 'folder') return
 
-			if(this.fileInfoDetail.includes(this.data)) return
-
 			this.area = true
 		},
 		dragLeave() {
diff --git a/resources/js/components/Others/TreeMenuNavigator.vue b/resources/js/components/Others/TreeMenuNavigator.vue
index 76794ae2..e3662963 100644
--- a/resources/js/components/Others/TreeMenuNavigator.vue
+++ b/resources/js/components/Others/TreeMenuNavigator.vue
@@ -122,13 +122,13 @@
                 this.draggedItem = []
             })
 
-            //Get draged item
+            //Get dragged item
             events.$on('dragstart' , (data) => {
-               //If is draged item not selected
+               //If is dragged item not selected
                 if(!this.fileInfoDetail.includes(data)) {
                     this.draggedItem = [data]
                 }
-                //If are the draged items selected
+                //If are the dragged items selected
                 if(this.fileInfoDetail.includes(data)) {
                     this.draggedItem = this.fileInfoDetail
                 }
diff --git a/resources/js/main.js b/resources/js/main.js
index f700d986..50e6ac7b 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -5,6 +5,7 @@ import router from "./router";
 import i18n from "./i18n/index.js";
 import App from "./App.vue";
 import store from "./store";
+import {events} from "./bus";
 import Helpers from "./helpers";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -96,6 +97,10 @@ document.addEventListener('drag', (event) => {
 
 },false)
 
+document.addEventListener("dragend", () => {
+  events.$emit('drop')
+}, false);
+
 var vueFileManager = new Vue({
   i18n,
   store,
diff --git a/resources/js/views/FilePages/Files.vue b/resources/js/views/FilePages/Files.vue
index 7bdc66d8..f64971fe 100644
--- a/resources/js/views/FilePages/Files.vue
+++ b/resources/js/views/FilePages/Files.vue
@@ -162,7 +162,7 @@
 
                 events.$emit('drop')
 
-                // Check if draged item is folder
+                // Check if dragged item is folder
                 if (this.draggedItem && this.draggedItem.type !== 'folder') return
 
                 // Check if folder exist in favourites