diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index efb20f0d..45de3c88 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -63,8 +63,8 @@
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=7f623c8a4002f17eecef",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=24e47be06cbf2fedbf05",
     "/chunks/plans.js": "/chunks/plans.js?id=293e7e8d59da542a9710",
-    "/chunks/platform.js": "/chunks/platform.js?id=281442ca7b715e6db2c3",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=9ba706813930a43d6f66",
+    "/chunks/platform.js": "/chunks/platform.js?id=fd672984a6ee69181b87",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=3e295fe819dbf6c2c036",
     "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=ca9ca67afd5839597647",
     "/chunks/profile.js": "/chunks/profile.js?id=0ecdd636c92f2f1172d2",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=d9af0efad2af2679954b",
@@ -279,5 +279,190 @@
     "/chunks/platform~chunks/shared.34c379a70e319d229641.hot-update.js": "/chunks/platform~chunks/shared.34c379a70e319d229641.hot-update.js",
     "/chunks/platform~chunks/shared.66f7d160489c94efc5eb.hot-update.js": "/chunks/platform~chunks/shared.66f7d160489c94efc5eb.hot-update.js",
     "/chunks/platform~chunks/shared.80bdcd9c82a8fb8b4b1a.hot-update.js": "/chunks/platform~chunks/shared.80bdcd9c82a8fb8b4b1a.hot-update.js",
-    "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js": "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js"
+    "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js": "/chunks/platform~chunks/shared.802df6dd61b3adc2ebc1.hot-update.js",
+    "/chunks/platform~chunks/shared.422336b04c35011b687d.hot-update.js": "/chunks/platform~chunks/shared.422336b04c35011b687d.hot-update.js",
+    "/chunks/platform~chunks/shared.e92dd833524221a10c91.hot-update.js": "/chunks/platform~chunks/shared.e92dd833524221a10c91.hot-update.js",
+    "/chunks/platform~chunks/shared.288e712c593ac67c5322.hot-update.js": "/chunks/platform~chunks/shared.288e712c593ac67c5322.hot-update.js",
+    "/chunks/platform~chunks/shared.9d541f783343d3a7327b.hot-update.js": "/chunks/platform~chunks/shared.9d541f783343d3a7327b.hot-update.js",
+    "/chunks/platform~chunks/shared.1122c8fef60a2456dd90.hot-update.js": "/chunks/platform~chunks/shared.1122c8fef60a2456dd90.hot-update.js",
+    "/chunks/platform~chunks/shared.59f63e06ac116affc18e.hot-update.js": "/chunks/platform~chunks/shared.59f63e06ac116affc18e.hot-update.js",
+    "/chunks/platform~chunks/shared.72d8617851c994bb32d3.hot-update.js": "/chunks/platform~chunks/shared.72d8617851c994bb32d3.hot-update.js",
+    "/chunks/platform~chunks/shared.e9995cc687b7d3fa5d14.hot-update.js": "/chunks/platform~chunks/shared.e9995cc687b7d3fa5d14.hot-update.js",
+    "/chunks/platform~chunks/shared.62885e220d2328110a9e.hot-update.js": "/chunks/platform~chunks/shared.62885e220d2328110a9e.hot-update.js",
+    "/chunks/platform~chunks/shared.c93ab1b6eb5e9c96596d.hot-update.js": "/chunks/platform~chunks/shared.c93ab1b6eb5e9c96596d.hot-update.js",
+    "/chunks/platform~chunks/shared.325350c9dc905fad61f0.hot-update.js": "/chunks/platform~chunks/shared.325350c9dc905fad61f0.hot-update.js",
+    "/chunks/platform~chunks/shared.ba5b7b16aa3c96b1a52b.hot-update.js": "/chunks/platform~chunks/shared.ba5b7b16aa3c96b1a52b.hot-update.js",
+    "/chunks/platform~chunks/shared.4903cd70e5c71a2bb48e.hot-update.js": "/chunks/platform~chunks/shared.4903cd70e5c71a2bb48e.hot-update.js",
+    "/chunks/platform~chunks/shared.fa94a55f75501e254deb.hot-update.js": "/chunks/platform~chunks/shared.fa94a55f75501e254deb.hot-update.js",
+    "/chunks/platform~chunks/shared.9fff1ebefb22eb0b3524.hot-update.js": "/chunks/platform~chunks/shared.9fff1ebefb22eb0b3524.hot-update.js",
+    "/chunks/platform~chunks/shared.ed4621c7944f77877b70.hot-update.js": "/chunks/platform~chunks/shared.ed4621c7944f77877b70.hot-update.js",
+    "/chunks/platform~chunks/shared.b14156eb13565db2159e.hot-update.js": "/chunks/platform~chunks/shared.b14156eb13565db2159e.hot-update.js",
+    "/chunks/platform~chunks/shared.88ebb6ef69a526b6e184.hot-update.js": "/chunks/platform~chunks/shared.88ebb6ef69a526b6e184.hot-update.js",
+    "/chunks/platform~chunks/shared.01f050c4522dbfb38b88.hot-update.js": "/chunks/platform~chunks/shared.01f050c4522dbfb38b88.hot-update.js",
+    "/chunks/platform~chunks/shared.01a7778ce46a489f0c61.hot-update.js": "/chunks/platform~chunks/shared.01a7778ce46a489f0c61.hot-update.js",
+    "/chunks/platform~chunks/shared.6f8390c31f70a0496f7b.hot-update.js": "/chunks/platform~chunks/shared.6f8390c31f70a0496f7b.hot-update.js",
+    "/chunks/platform~chunks/shared.06528ee9a54cbe5dc07d.hot-update.js": "/chunks/platform~chunks/shared.06528ee9a54cbe5dc07d.hot-update.js",
+    "/chunks/platform~chunks/shared.5a019f3370967d7faca7.hot-update.js": "/chunks/platform~chunks/shared.5a019f3370967d7faca7.hot-update.js",
+    "/chunks/platform~chunks/shared.f31d0d9c52b4b7146a3c.hot-update.js": "/chunks/platform~chunks/shared.f31d0d9c52b4b7146a3c.hot-update.js",
+    "/chunks/platform~chunks/shared.fe0a5622d1f5c4828737.hot-update.js": "/chunks/platform~chunks/shared.fe0a5622d1f5c4828737.hot-update.js",
+    "/chunks/platform~chunks/shared.56e19acbcf53aa2c2924.hot-update.js": "/chunks/platform~chunks/shared.56e19acbcf53aa2c2924.hot-update.js",
+    "/chunks/platform~chunks/shared.7aed37acb315beec586f.hot-update.js": "/chunks/platform~chunks/shared.7aed37acb315beec586f.hot-update.js",
+    "/chunks/platform~chunks/shared.7a19fc2087c08aaffb19.hot-update.js": "/chunks/platform~chunks/shared.7a19fc2087c08aaffb19.hot-update.js",
+    "/chunks/platform~chunks/shared.ccbec1d19515d3af7d52.hot-update.js": "/chunks/platform~chunks/shared.ccbec1d19515d3af7d52.hot-update.js",
+    "/chunks/platform~chunks/shared.ff12d32c567b266c1031.hot-update.js": "/chunks/platform~chunks/shared.ff12d32c567b266c1031.hot-update.js",
+    "/chunks/platform~chunks/shared.09c660f536ae06c6fe74.hot-update.js": "/chunks/platform~chunks/shared.09c660f536ae06c6fe74.hot-update.js",
+    "/chunks/platform~chunks/shared.2d26985dcca9c1274f7e.hot-update.js": "/chunks/platform~chunks/shared.2d26985dcca9c1274f7e.hot-update.js",
+    "/chunks/platform~chunks/shared.51662cec1f9302fc17dc.hot-update.js": "/chunks/platform~chunks/shared.51662cec1f9302fc17dc.hot-update.js",
+    "/chunks/platform~chunks/shared.f57c5cd2ba574e26418b.hot-update.js": "/chunks/platform~chunks/shared.f57c5cd2ba574e26418b.hot-update.js",
+    "/chunks/platform~chunks/shared.9c3eb4168f3434e8a4f2.hot-update.js": "/chunks/platform~chunks/shared.9c3eb4168f3434e8a4f2.hot-update.js",
+    "/chunks/platform~chunks/shared.703752adf83d1e883b37.hot-update.js": "/chunks/platform~chunks/shared.703752adf83d1e883b37.hot-update.js",
+    "/chunks/platform~chunks/shared.b86b22ad36224ad23448.hot-update.js": "/chunks/platform~chunks/shared.b86b22ad36224ad23448.hot-update.js",
+    "/chunks/platform~chunks/shared.86553468366cba6eb80e.hot-update.js": "/chunks/platform~chunks/shared.86553468366cba6eb80e.hot-update.js",
+    "/chunks/platform~chunks/shared.bde86df2628d0ff0e0bd.hot-update.js": "/chunks/platform~chunks/shared.bde86df2628d0ff0e0bd.hot-update.js",
+    "/chunks/platform~chunks/shared.bd73fd17e8c1689112f1.hot-update.js": "/chunks/platform~chunks/shared.bd73fd17e8c1689112f1.hot-update.js",
+    "/chunks/platform~chunks/shared.09ca7d8ba79c01e5f94f.hot-update.js": "/chunks/platform~chunks/shared.09ca7d8ba79c01e5f94f.hot-update.js",
+    "/chunks/platform~chunks/shared.31d800dab23b7d9baad5.hot-update.js": "/chunks/platform~chunks/shared.31d800dab23b7d9baad5.hot-update.js",
+    "/chunks/platform~chunks/shared.8ce2cd804c73f1b46b8c.hot-update.js": "/chunks/platform~chunks/shared.8ce2cd804c73f1b46b8c.hot-update.js",
+    "/chunks/platform~chunks/shared.29f304a9031464caa196.hot-update.js": "/chunks/platform~chunks/shared.29f304a9031464caa196.hot-update.js",
+    "/chunks/platform~chunks/shared.8517793def07a37a8b41.hot-update.js": "/chunks/platform~chunks/shared.8517793def07a37a8b41.hot-update.js",
+    "/chunks/platform~chunks/shared.7d2b454852cd801cbbb5.hot-update.js": "/chunks/platform~chunks/shared.7d2b454852cd801cbbb5.hot-update.js",
+    "/chunks/platform~chunks/shared.96ab714ccd28906a2ac6.hot-update.js": "/chunks/platform~chunks/shared.96ab714ccd28906a2ac6.hot-update.js",
+    "/chunks/platform~chunks/shared.80150e0cfa80ac9ede47.hot-update.js": "/chunks/platform~chunks/shared.80150e0cfa80ac9ede47.hot-update.js",
+    "/chunks/platform~chunks/shared.1be1504799b2d803c963.hot-update.js": "/chunks/platform~chunks/shared.1be1504799b2d803c963.hot-update.js",
+    "/chunks/platform~chunks/shared.7a68de781fb37d16d08a.hot-update.js": "/chunks/platform~chunks/shared.7a68de781fb37d16d08a.hot-update.js",
+    "/chunks/platform~chunks/shared.4bed1cb2ce8157338f03.hot-update.js": "/chunks/platform~chunks/shared.4bed1cb2ce8157338f03.hot-update.js",
+    "/chunks/platform~chunks/shared.5fc6cbfd16a878713dc7.hot-update.js": "/chunks/platform~chunks/shared.5fc6cbfd16a878713dc7.hot-update.js",
+    "/chunks/platform~chunks/shared.8e347857646a5c60cd8c.hot-update.js": "/chunks/platform~chunks/shared.8e347857646a5c60cd8c.hot-update.js",
+    "/chunks/platform~chunks/shared.0fb6cb552d39efe0b16d.hot-update.js": "/chunks/platform~chunks/shared.0fb6cb552d39efe0b16d.hot-update.js",
+    "/chunks/platform~chunks/shared.6a38526b2217bae6fbbe.hot-update.js": "/chunks/platform~chunks/shared.6a38526b2217bae6fbbe.hot-update.js",
+    "/chunks/platform~chunks/shared.2c737ae4d84b2d673e38.hot-update.js": "/chunks/platform~chunks/shared.2c737ae4d84b2d673e38.hot-update.js",
+    "/chunks/platform~chunks/shared.c4ed7697f441929ddf99.hot-update.js": "/chunks/platform~chunks/shared.c4ed7697f441929ddf99.hot-update.js",
+    "/chunks/platform~chunks/shared.068bccdd3bdf7b541bec.hot-update.js": "/chunks/platform~chunks/shared.068bccdd3bdf7b541bec.hot-update.js",
+    "/chunks/platform~chunks/shared.2adb69944e1346243d37.hot-update.js": "/chunks/platform~chunks/shared.2adb69944e1346243d37.hot-update.js",
+    "/chunks/platform~chunks/shared.f392297ab0ac4a9155c2.hot-update.js": "/chunks/platform~chunks/shared.f392297ab0ac4a9155c2.hot-update.js",
+    "/chunks/platform~chunks/shared.902e1c1d9bd1965da36b.hot-update.js": "/chunks/platform~chunks/shared.902e1c1d9bd1965da36b.hot-update.js",
+    "/chunks/platform~chunks/shared.028562b8199b8e499c10.hot-update.js": "/chunks/platform~chunks/shared.028562b8199b8e499c10.hot-update.js",
+    "/chunks/platform~chunks/shared.4c648e9ca04d8ddfd2b4.hot-update.js": "/chunks/platform~chunks/shared.4c648e9ca04d8ddfd2b4.hot-update.js",
+    "/chunks/platform~chunks/shared.7bd66bb4991a19081947.hot-update.js": "/chunks/platform~chunks/shared.7bd66bb4991a19081947.hot-update.js",
+    "/chunks/platform~chunks/shared.c442e5672d83a72c172b.hot-update.js": "/chunks/platform~chunks/shared.c442e5672d83a72c172b.hot-update.js",
+    "/chunks/platform~chunks/shared.c6964c4eda704642330b.hot-update.js": "/chunks/platform~chunks/shared.c6964c4eda704642330b.hot-update.js",
+    "/chunks/platform~chunks/shared.2cf6d0a2eabb5a37ac0b.hot-update.js": "/chunks/platform~chunks/shared.2cf6d0a2eabb5a37ac0b.hot-update.js",
+    "/chunks/platform~chunks/shared.246f53ca72bed72d26d4.hot-update.js": "/chunks/platform~chunks/shared.246f53ca72bed72d26d4.hot-update.js",
+    "/chunks/platform~chunks/shared.89eb30f52a6432a4149a.hot-update.js": "/chunks/platform~chunks/shared.89eb30f52a6432a4149a.hot-update.js",
+    "/chunks/platform~chunks/shared.fab5d2ff12a7a52788a4.hot-update.js": "/chunks/platform~chunks/shared.fab5d2ff12a7a52788a4.hot-update.js",
+    "/chunks/platform~chunks/shared.aa20b805da441491dd58.hot-update.js": "/chunks/platform~chunks/shared.aa20b805da441491dd58.hot-update.js",
+    "/chunks/platform~chunks/shared.6189a4dd39a8de21ca8a.hot-update.js": "/chunks/platform~chunks/shared.6189a4dd39a8de21ca8a.hot-update.js",
+    "/chunks/platform~chunks/shared.f95ffb7001cd4afa57e9.hot-update.js": "/chunks/platform~chunks/shared.f95ffb7001cd4afa57e9.hot-update.js",
+    "/chunks/platform~chunks/shared.1c3c2cdc9a49894ba49a.hot-update.js": "/chunks/platform~chunks/shared.1c3c2cdc9a49894ba49a.hot-update.js",
+    "/chunks/platform~chunks/shared.58e7ae0b17a7484db364.hot-update.js": "/chunks/platform~chunks/shared.58e7ae0b17a7484db364.hot-update.js",
+    "/chunks/platform~chunks/shared.8f0a9949117bb7183e31.hot-update.js": "/chunks/platform~chunks/shared.8f0a9949117bb7183e31.hot-update.js",
+    "/chunks/platform~chunks/shared.6fec83dbfdd1821d22c6.hot-update.js": "/chunks/platform~chunks/shared.6fec83dbfdd1821d22c6.hot-update.js",
+    "/chunks/platform~chunks/shared.3cea61248e90938ff263.hot-update.js": "/chunks/platform~chunks/shared.3cea61248e90938ff263.hot-update.js",
+    "/chunks/platform~chunks/shared.5eeb2f7fc82118cd7aae.hot-update.js": "/chunks/platform~chunks/shared.5eeb2f7fc82118cd7aae.hot-update.js",
+    "/chunks/platform~chunks/shared.f63539bae53bd70996f8.hot-update.js": "/chunks/platform~chunks/shared.f63539bae53bd70996f8.hot-update.js",
+    "/chunks/platform~chunks/shared.4c734d26fb5ffd20c0c3.hot-update.js": "/chunks/platform~chunks/shared.4c734d26fb5ffd20c0c3.hot-update.js",
+    "/chunks/platform~chunks/shared.4b01bbb138a3cc03ea30.hot-update.js": "/chunks/platform~chunks/shared.4b01bbb138a3cc03ea30.hot-update.js",
+    "/chunks/platform~chunks/shared.42c6ffc575a691713bf3.hot-update.js": "/chunks/platform~chunks/shared.42c6ffc575a691713bf3.hot-update.js",
+    "/chunks/platform~chunks/shared.c48929fe81d28f5376a9.hot-update.js": "/chunks/platform~chunks/shared.c48929fe81d28f5376a9.hot-update.js",
+    "/chunks/platform~chunks/shared.86142cad0ec3dc27a614.hot-update.js": "/chunks/platform~chunks/shared.86142cad0ec3dc27a614.hot-update.js",
+    "/chunks/platform~chunks/shared.d94a25b67155627c016a.hot-update.js": "/chunks/platform~chunks/shared.d94a25b67155627c016a.hot-update.js",
+    "/chunks/platform~chunks/shared.c1dd5a9c87e331cfe79f.hot-update.js": "/chunks/platform~chunks/shared.c1dd5a9c87e331cfe79f.hot-update.js",
+    "/chunks/platform~chunks/shared.28e3b628a21d5756f2d4.hot-update.js": "/chunks/platform~chunks/shared.28e3b628a21d5756f2d4.hot-update.js",
+    "/chunks/platform~chunks/shared.424036a62788c25573a3.hot-update.js": "/chunks/platform~chunks/shared.424036a62788c25573a3.hot-update.js",
+    "/chunks/platform~chunks/shared.d8db755bec1da09a92f8.hot-update.js": "/chunks/platform~chunks/shared.d8db755bec1da09a92f8.hot-update.js",
+    "/chunks/platform~chunks/shared.68d5ed4f1b6779084bf9.hot-update.js": "/chunks/platform~chunks/shared.68d5ed4f1b6779084bf9.hot-update.js",
+    "/chunks/platform~chunks/shared.4f5ccecb53759ccb17d1.hot-update.js": "/chunks/platform~chunks/shared.4f5ccecb53759ccb17d1.hot-update.js",
+    "/chunks/platform~chunks/shared.1a41c4912563b9652a4f.hot-update.js": "/chunks/platform~chunks/shared.1a41c4912563b9652a4f.hot-update.js",
+    "/chunks/platform~chunks/shared.900982821e3f267f1029.hot-update.js": "/chunks/platform~chunks/shared.900982821e3f267f1029.hot-update.js",
+    "/chunks/platform~chunks/shared.d4c9fa81dd916efe03f6.hot-update.js": "/chunks/platform~chunks/shared.d4c9fa81dd916efe03f6.hot-update.js",
+    "/chunks/platform~chunks/shared.51d54079fa5aa5bbfb90.hot-update.js": "/chunks/platform~chunks/shared.51d54079fa5aa5bbfb90.hot-update.js",
+    "/chunks/platform~chunks/shared.7441653a0395c6b68788.hot-update.js": "/chunks/platform~chunks/shared.7441653a0395c6b68788.hot-update.js",
+    "/chunks/platform~chunks/shared.252b3183721276bf1eb6.hot-update.js": "/chunks/platform~chunks/shared.252b3183721276bf1eb6.hot-update.js",
+    "/chunks/platform~chunks/shared.ba207980f79cf49a5699.hot-update.js": "/chunks/platform~chunks/shared.ba207980f79cf49a5699.hot-update.js",
+    "/chunks/platform~chunks/shared.9a0b7cf686be840f9c61.hot-update.js": "/chunks/platform~chunks/shared.9a0b7cf686be840f9c61.hot-update.js",
+    "/chunks/platform~chunks/shared.9ac1ca5dd8beaec40a75.hot-update.js": "/chunks/platform~chunks/shared.9ac1ca5dd8beaec40a75.hot-update.js",
+    "/chunks/platform~chunks/shared.91f2453406492c77f0ea.hot-update.js": "/chunks/platform~chunks/shared.91f2453406492c77f0ea.hot-update.js",
+    "/chunks/platform~chunks/shared.5600e36d7792d12d29c5.hot-update.js": "/chunks/platform~chunks/shared.5600e36d7792d12d29c5.hot-update.js",
+    "/chunks/platform~chunks/shared.984fb88e28d166a47049.hot-update.js": "/chunks/platform~chunks/shared.984fb88e28d166a47049.hot-update.js",
+    "/chunks/platform~chunks/shared.a520bf6e0de2c360aaba.hot-update.js": "/chunks/platform~chunks/shared.a520bf6e0de2c360aaba.hot-update.js",
+    "/chunks/platform~chunks/shared.18e3eaa4d94dff605b6b.hot-update.js": "/chunks/platform~chunks/shared.18e3eaa4d94dff605b6b.hot-update.js",
+    "/chunks/platform~chunks/shared.a9cdaa0753ea1d87bbce.hot-update.js": "/chunks/platform~chunks/shared.a9cdaa0753ea1d87bbce.hot-update.js",
+    "/chunks/platform~chunks/shared.575afac00567e2ac4020.hot-update.js": "/chunks/platform~chunks/shared.575afac00567e2ac4020.hot-update.js",
+    "/chunks/platform~chunks/shared.d194beed7ef70da33cd2.hot-update.js": "/chunks/platform~chunks/shared.d194beed7ef70da33cd2.hot-update.js",
+    "/chunks/platform~chunks/shared.da5240985cfaf113951d.hot-update.js": "/chunks/platform~chunks/shared.da5240985cfaf113951d.hot-update.js",
+    "/chunks/platform~chunks/shared.7fa7ffe2c0d77f1aefc2.hot-update.js": "/chunks/platform~chunks/shared.7fa7ffe2c0d77f1aefc2.hot-update.js",
+    "/chunks/platform~chunks/shared.5e11b8ea413c57a0b050.hot-update.js": "/chunks/platform~chunks/shared.5e11b8ea413c57a0b050.hot-update.js",
+    "/chunks/platform~chunks/shared.e47a1d1fa129d621b745.hot-update.js": "/chunks/platform~chunks/shared.e47a1d1fa129d621b745.hot-update.js",
+    "/chunks/platform~chunks/shared.f7a377855fad06db2978.hot-update.js": "/chunks/platform~chunks/shared.f7a377855fad06db2978.hot-update.js",
+    "/chunks/platform~chunks/shared.dd156862e9bdd4b94c59.hot-update.js": "/chunks/platform~chunks/shared.dd156862e9bdd4b94c59.hot-update.js",
+    "/chunks/platform~chunks/shared.98f49f97fe0537cbd6ec.hot-update.js": "/chunks/platform~chunks/shared.98f49f97fe0537cbd6ec.hot-update.js",
+    "/chunks/platform~chunks/shared.968c27a77a6b5266e96a.hot-update.js": "/chunks/platform~chunks/shared.968c27a77a6b5266e96a.hot-update.js",
+    "/chunks/platform~chunks/shared.efd128d4649e93a196ad.hot-update.js": "/chunks/platform~chunks/shared.efd128d4649e93a196ad.hot-update.js",
+    "/chunks/platform~chunks/shared.c8b87262a5fe428aa2b3.hot-update.js": "/chunks/platform~chunks/shared.c8b87262a5fe428aa2b3.hot-update.js",
+    "/chunks/platform~chunks/shared.ef73629572bc078873a5.hot-update.js": "/chunks/platform~chunks/shared.ef73629572bc078873a5.hot-update.js",
+    "/chunks/platform~chunks/shared.caa4d45a9d0beb6a31c8.hot-update.js": "/chunks/platform~chunks/shared.caa4d45a9d0beb6a31c8.hot-update.js",
+    "/chunks/platform~chunks/shared.3f2bf64221a507cd6db0.hot-update.js": "/chunks/platform~chunks/shared.3f2bf64221a507cd6db0.hot-update.js",
+    "/chunks/platform~chunks/shared.b5d061ef88c61afdc136.hot-update.js": "/chunks/platform~chunks/shared.b5d061ef88c61afdc136.hot-update.js",
+    "/chunks/platform~chunks/shared.8f583771b9f5faea4af5.hot-update.js": "/chunks/platform~chunks/shared.8f583771b9f5faea4af5.hot-update.js",
+    "/chunks/platform~chunks/shared.4d0594bb7ef2debdf1ab.hot-update.js": "/chunks/platform~chunks/shared.4d0594bb7ef2debdf1ab.hot-update.js",
+    "/chunks/platform~chunks/shared.3cce00ec111dc16474cd.hot-update.js": "/chunks/platform~chunks/shared.3cce00ec111dc16474cd.hot-update.js",
+    "/chunks/platform~chunks/shared.eb9337f9ed4394f41baf.hot-update.js": "/chunks/platform~chunks/shared.eb9337f9ed4394f41baf.hot-update.js",
+    "/chunks/platform~chunks/shared.c597a45c74c42bc1864d.hot-update.js": "/chunks/platform~chunks/shared.c597a45c74c42bc1864d.hot-update.js",
+    "/chunks/platform~chunks/shared.3215dd2af27ce0f752ad.hot-update.js": "/chunks/platform~chunks/shared.3215dd2af27ce0f752ad.hot-update.js",
+    "/chunks/platform~chunks/shared.1d8474f781cb4f6932f0.hot-update.js": "/chunks/platform~chunks/shared.1d8474f781cb4f6932f0.hot-update.js",
+    "/chunks/platform~chunks/shared.7b2faa6448853dd972c2.hot-update.js": "/chunks/platform~chunks/shared.7b2faa6448853dd972c2.hot-update.js",
+    "/chunks/platform.31105b7115f346945b75.hot-update.js": "/chunks/platform.31105b7115f346945b75.hot-update.js",
+    "/chunks/platform~chunks/shared.3a81fc9756770a03962e.hot-update.js": "/chunks/platform~chunks/shared.3a81fc9756770a03962e.hot-update.js",
+    "/chunks/platform.72e50bcc2b17d6fc80f5.hot-update.js": "/chunks/platform.72e50bcc2b17d6fc80f5.hot-update.js",
+    "/chunks/platform~chunks/shared.226fdabbcc9134e0bf56.hot-update.js": "/chunks/platform~chunks/shared.226fdabbcc9134e0bf56.hot-update.js",
+    "/chunks/platform~chunks/shared.fac32932b3c704fd05f0.hot-update.js": "/chunks/platform~chunks/shared.fac32932b3c704fd05f0.hot-update.js",
+    "/chunks/platform~chunks/shared.cb9df4d8c023711078ba.hot-update.js": "/chunks/platform~chunks/shared.cb9df4d8c023711078ba.hot-update.js",
+    "/chunks/platform~chunks/shared.0cac93de5b7bd2e62199.hot-update.js": "/chunks/platform~chunks/shared.0cac93de5b7bd2e62199.hot-update.js",
+    "/chunks/platform.13524f0b1fe243da6315.hot-update.js": "/chunks/platform.13524f0b1fe243da6315.hot-update.js",
+    "/chunks/platform.a497ca0d7bcc4aa54672.hot-update.js": "/chunks/platform.a497ca0d7bcc4aa54672.hot-update.js",
+    "/chunks/platform.8922396d7411e5f28134.hot-update.js": "/chunks/platform.8922396d7411e5f28134.hot-update.js",
+    "/chunks/platform~chunks/shared.2b556766bb400aa9bda9.hot-update.js": "/chunks/platform~chunks/shared.2b556766bb400aa9bda9.hot-update.js",
+    "/chunks/platform.7e38080e47056d673378.hot-update.js": "/chunks/platform.7e38080e47056d673378.hot-update.js",
+    "/chunks/platform.fa6dd956589a811641ce.hot-update.js": "/chunks/platform.fa6dd956589a811641ce.hot-update.js",
+    "/chunks/platform~chunks/shared.807461d68778a78f06de.hot-update.js": "/chunks/platform~chunks/shared.807461d68778a78f06de.hot-update.js",
+    "/chunks/platform~chunks/shared.6cb4fcae1c1e1c2500df.hot-update.js": "/chunks/platform~chunks/shared.6cb4fcae1c1e1c2500df.hot-update.js",
+    "/chunks/platform~chunks/shared.0324b207b958b547bcd5.hot-update.js": "/chunks/platform~chunks/shared.0324b207b958b547bcd5.hot-update.js",
+    "/chunks/platform~chunks/shared.3cad8259bcb5e255aa07.hot-update.js": "/chunks/platform~chunks/shared.3cad8259bcb5e255aa07.hot-update.js",
+    "/chunks/platform~chunks/shared.49b521ffd7630dabdcc8.hot-update.js": "/chunks/platform~chunks/shared.49b521ffd7630dabdcc8.hot-update.js",
+    "/chunks/platform~chunks/shared.7467a2d1b1e36bbce6e3.hot-update.js": "/chunks/platform~chunks/shared.7467a2d1b1e36bbce6e3.hot-update.js",
+    "/chunks/platform~chunks/shared.e0ad9949edbc356c6915.hot-update.js": "/chunks/platform~chunks/shared.e0ad9949edbc356c6915.hot-update.js",
+    "/chunks/platform~chunks/shared.b4aae27601a382ad64f1.hot-update.js": "/chunks/platform~chunks/shared.b4aae27601a382ad64f1.hot-update.js",
+    "/chunks/platform.088fd5924cae1f5a631b.hot-update.js": "/chunks/platform.088fd5924cae1f5a631b.hot-update.js",
+    "/chunks/platform~chunks/shared.2cea858ab7049e9cf672.hot-update.js": "/chunks/platform~chunks/shared.2cea858ab7049e9cf672.hot-update.js",
+    "/js/main.1a7fe173761d84a77ec8.hot-update.js": "/js/main.1a7fe173761d84a77ec8.hot-update.js",
+    "/js/main.2f3f750d568b85dd2226.hot-update.js": "/js/main.2f3f750d568b85dd2226.hot-update.js",
+    "/chunks/platform~chunks/shared.dcab60fd9533e8b63401.hot-update.js": "/chunks/platform~chunks/shared.dcab60fd9533e8b63401.hot-update.js",
+    "/chunks/platform~chunks/shared.c2b24243f4a3b1996260.hot-update.js": "/chunks/platform~chunks/shared.c2b24243f4a3b1996260.hot-update.js",
+    "/chunks/platform~chunks/shared.36c5191142f214ea68ee.hot-update.js": "/chunks/platform~chunks/shared.36c5191142f214ea68ee.hot-update.js",
+    "/chunks/platform~chunks/shared.7503e60125127ef85057.hot-update.js": "/chunks/platform~chunks/shared.7503e60125127ef85057.hot-update.js",
+    "/chunks/platform~chunks/shared.06d5139024bc58a58b6c.hot-update.js": "/chunks/platform~chunks/shared.06d5139024bc58a58b6c.hot-update.js",
+    "/chunks/platform~chunks/shared.89f965d45911e78d04dc.hot-update.js": "/chunks/platform~chunks/shared.89f965d45911e78d04dc.hot-update.js",
+    "/chunks/platform~chunks/shared.cdab15eca301ed135a5f.hot-update.js": "/chunks/platform~chunks/shared.cdab15eca301ed135a5f.hot-update.js",
+    "/chunks/platform~chunks/shared.2877b9cee0d4d9a5ed52.hot-update.js": "/chunks/platform~chunks/shared.2877b9cee0d4d9a5ed52.hot-update.js",
+    "/chunks/platform~chunks/shared.22da8d295e50f1b9308e.hot-update.js": "/chunks/platform~chunks/shared.22da8d295e50f1b9308e.hot-update.js",
+    "/chunks/platform~chunks/shared.9ba1d19377c5dcca0e31.hot-update.js": "/chunks/platform~chunks/shared.9ba1d19377c5dcca0e31.hot-update.js",
+    "/chunks/platform~chunks/shared.c7936717600fa16d1ed6.hot-update.js": "/chunks/platform~chunks/shared.c7936717600fa16d1ed6.hot-update.js",
+    "/chunks/platform~chunks/shared.a29c163bb6d792ac14f4.hot-update.js": "/chunks/platform~chunks/shared.a29c163bb6d792ac14f4.hot-update.js",
+    "/chunks/platform~chunks/shared.2f7803af607cdc90eb5d.hot-update.js": "/chunks/platform~chunks/shared.2f7803af607cdc90eb5d.hot-update.js",
+    "/chunks/platform~chunks/shared.aede45f94c67c1d28418.hot-update.js": "/chunks/platform~chunks/shared.aede45f94c67c1d28418.hot-update.js",
+    "/chunks/platform~chunks/shared.d5a91024da7ee7b490c7.hot-update.js": "/chunks/platform~chunks/shared.d5a91024da7ee7b490c7.hot-update.js",
+    "/chunks/platform~chunks/shared.f0206e0d301fe68c7053.hot-update.js": "/chunks/platform~chunks/shared.f0206e0d301fe68c7053.hot-update.js",
+    "/chunks/platform~chunks/shared.2d469e4f0e1486df6d47.hot-update.js": "/chunks/platform~chunks/shared.2d469e4f0e1486df6d47.hot-update.js",
+    "/chunks/platform~chunks/shared.59953589b2f3f65cdf7c.hot-update.js": "/chunks/platform~chunks/shared.59953589b2f3f65cdf7c.hot-update.js",
+    "/chunks/platform~chunks/shared.9dc076c1284d85d0633d.hot-update.js": "/chunks/platform~chunks/shared.9dc076c1284d85d0633d.hot-update.js",
+    "/chunks/platform~chunks/shared.e4989135db532ac7839d.hot-update.js": "/chunks/platform~chunks/shared.e4989135db532ac7839d.hot-update.js",
+    "/chunks/platform~chunks/shared.a85719e6eac48b2bb659.hot-update.js": "/chunks/platform~chunks/shared.a85719e6eac48b2bb659.hot-update.js",
+    "/chunks/platform~chunks/shared.a0a6b61250e729f63040.hot-update.js": "/chunks/platform~chunks/shared.a0a6b61250e729f63040.hot-update.js",
+    "/chunks/platform~chunks/shared.0bbaf06e2aec09c7f967.hot-update.js": "/chunks/platform~chunks/shared.0bbaf06e2aec09c7f967.hot-update.js",
+    "/chunks/platform~chunks/shared.30c4095665cd67ce3314.hot-update.js": "/chunks/platform~chunks/shared.30c4095665cd67ce3314.hot-update.js",
+    "/chunks/platform~chunks/shared.49026368a5253b13c3b2.hot-update.js": "/chunks/platform~chunks/shared.49026368a5253b13c3b2.hot-update.js",
+    "/chunks/platform~chunks/shared.009d0f8739b6b59e15dc.hot-update.js": "/chunks/platform~chunks/shared.009d0f8739b6b59e15dc.hot-update.js",
+    "/chunks/platform~chunks/shared.5e2d796a69fc1b3df160.hot-update.js": "/chunks/platform~chunks/shared.5e2d796a69fc1b3df160.hot-update.js",
+    "/chunks/platform~chunks/shared.4b9e965c632ec4032155.hot-update.js": "/chunks/platform~chunks/shared.4b9e965c632ec4032155.hot-update.js",
+    "/chunks/platform~chunks/shared.15bfd27dfaec399b14c8.hot-update.js": "/chunks/platform~chunks/shared.15bfd27dfaec399b14c8.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/EmptyMessage.vue b/resources/js/components/FilesView/EmptyMessage.vue
deleted file mode 100644
index 66bafd9e..00000000
--- a/resources/js/components/FilesView/EmptyMessage.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-    <div class="empty-message">
-        <div class="message text-center">
-            <eye-off-icon v-if="icon === 'eye-off'" size="36" class="icon" />
-            <p>{{ message }}</p>
-        </div>
-    </div>
-</template>
-
-<script>
-    import { EyeOffIcon } from 'vue-feather-icons'
-
-    export default {
-        name: 'EmptyMessage',
-        props: ['icon', 'message'],
-        components: {
-            EyeOffIcon
-        }
-    }
-</script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-    .empty-message {
-        text-align: center;
-        display: flex;
-        align-items: center;
-        height: 100%;
-
-        .message {
-            margin: 0 auto;
-
-            p {
-                margin-top: 10px;
-                max-width: 130px;
-                @include font-size(13);
-                font-weight: 500;
-                color: $text-muted;
-            }
-
-            .icon {
-				display: inline-block;
-
-                path, line, polyline, rect, circle {
-                    stroke: $text;
-                }
-            }
-        }
-    }
-
-    .dark {
-        .empty-message {
-
-            .message {
-                .icon {
-                    path, line, polyline, rect, circle {
-                        stroke: $dark_mode_text_secondary;
-                    }
-                }
-
-                p {
-                    color: $dark_mode_text_secondary;
-                }
-            }
-        }
-    }
-</style>
diff --git a/resources/js/components/FilesView/InfoSidebar.vue b/resources/js/components/FilesView/InfoSidebar.vue
index 8e7b36cc..3960250a 100644
--- a/resources/js/components/FilesView/InfoSidebar.vue
+++ b/resources/js/components/FilesView/InfoSidebar.vue
@@ -1,46 +1,34 @@
 <template>
-    <div class="info-wrapper">
-
+    <div class="2xl:w-104 w-96 px-2.5 overflow-y-auto overflow-x-hidden h-screen lg:block hidden">
 		<!--Is empty clipboard-->
-		<EmptyMessage
-			v-if="isEmpty"
-			:message="$t('messages.nothing_to_preview')"
-			icon="eye-off"
-		/>
+		<div v-if="isEmpty" class="flex items-center justify-center h-full">
+			<div class="text-center">
+				<eye-off-icon size="28" class="vue-feather text-gray-400 inline-block mb-3" />
+				<small class="text-sm block text-gray-400">
+					{{ $t('messages.nothing_to_preview') }}
+				</small>
+			</div>
+		</div>
 
 		<!--Multiple item selection-->
-        <div v-if="! isSingleFile && !isEmpty" class="info-headline">
-			<TitlePreview
-				icon="check-square"
-				:title="$t('file_detail.selected_multiple')"
-				:subtitle="this.clipboard.length + ' ' + $tc('file_detail.items', this.clipboard.length)"
-			/>
-        </div>
+		<TitlePreview
+			v-if="! isSingleFile && !isEmpty"
+			class="mb-6"
+			icon="check-square"
+			:title="$t('file_detail.selected_multiple')"
+			:subtitle="this.clipboard.length + ' ' + $tc('file_detail.items', this.clipboard.length)"
+		/>
 
 		<!--Single file preview-->
-        <div v-if="isSingleFile && !isEmpty" class="info-headline">
+        <div v-if="isSingleFile && !isEmpty">
             <FilePreviewDetail />
 
 			<TitlePreview
+				class="mb-6"
 				:icon="clipboard[0].data.type"
 				:title="clipboard[0].data.attributes.name"
 				:subtitle="clipboard[0].data.attributes.mimetype"
 			/>
-        </div>
-
-		<!--File info-->
-        <ListInfo v-if="isSingleFile && !isEmpty">
-
-			<!--Author-->
-            <ListInfoItem
-				v-if="canShowAuthor"
-				:title="$t('Author')"
-			>
-                <div class="flex items-center mt-1">
-					<MemberAvatar :size="32" :member="singleFile.data.relationships.owner" />
-                    <span class="ml-2 block">{{ singleFile.data.relationships.owner.data.attributes.name }}</span>
-                </div>
-            </ListInfoItem>
 
 			<!--Filesize-->
             <ListInfoItem
@@ -60,9 +48,11 @@
 				v-if="$checkPermission(['master'])"
 				:title="$t('file_detail.where')"
 			>
-                <div class="action-button" @click="openMoveOptions">
-                    <span>{{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $t('locations.home') }}</span>
-                    <edit-2-icon size="10" class="edit-icon" />
+                <div @click="$moveFileOrFolder(singleFile)" class="flex items-center cursor-pointer">
+                    <span class="inline-block font-bold text-sm">
+						{{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $t('locations.home') }}
+					</span>
+                    <Edit2Icon size="10" class="ml-2" />
                 </div>
             </ListInfoItem>
 
@@ -73,7 +63,7 @@
 			>
                 <div class="action-button" @click="$updateTeamFolder(singleFile)">
                     <TeamMembersPreview :folder="singleFile" :avatar-size="32" />
-                    <edit-2-icon size="10" class="edit-icon" />
+                    <Edit2Icon size="10" class="ml-2" />
                 </div>
             </ListInfoItem>
 
@@ -82,14 +72,29 @@
 				v-if="$checkPermission('master') && singleFile.data.relationships.shared"
 				:title="$t('file_detail.shared')"
 			>
-                <div @click="openShareOptions" class="action-button">
-                    <span>{{ sharedInfo }}</span>
-                    <edit-2-icon size="10" class="edit-icon" />
+                <div @click="$shareFileOrFolder(singleFile)" class="flex items-center cursor-pointer mb-2">
+                    <span class="inline-block font-bold text-sm">
+						{{ sharedInfo }}
+					</span>
+                    <Edit2Icon size="10" class="ml-2" />
                 </div>
-                <div class="share-link">
-                    <lock-icon v-if="isLocked" @click="openShareOptions" class="lock-icon" size="17" />
-                    <unlock-icon v-if="! isLocked" @click="openShareOptions" class="lock-icon" size="17" />
-                    <CopyShareLink :item="singleFile" class="copy-share-link" size="small" />
+                <div class="flex items-center w-full">
+                    <lock-icon v-if="isLocked" @click="$shareFileOrFolder(singleFile)" size="17"  class="hover-text-theme vue-feather cursor-pointer"/>
+                    <unlock-icon v-if="! isLocked" @click="$shareFileOrFolder(singleFile)" size="17"  class="hover-text-theme vue-feather cursor-pointer"/>
+                    <CopyShareLink :item="singleFile" size="small" class="w-full pl-2.5"/>
+                </div>
+            </ListInfoItem>
+
+			<!--Author-->
+            <ListInfoItem
+				v-if="canShowAuthor"
+				:title="$t('Author')"
+			>
+                <div class="flex items-center mt-1.5">
+					<MemberAvatar :size="32" :member="singleFile.data.relationships.owner" />
+                    <span class="ml-3 block font-bold font-sm">
+						{{ singleFile.data.relationships.owner.data.attributes.name }}
+					</span>
                 </div>
             </ListInfoItem>
 
@@ -100,39 +105,35 @@
 			>
                 <ImageMetaData />
             </ListInfoItem>
-        </ListInfo>
+        </div>
     </div>
 </template>
 
 <script>
 	import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
 	import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
+	import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
 	import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
-	import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
 	import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
 	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
 	import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
-	import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
-	import ListInfo from '/resources/js/components/Others/ListInfo'
-	import {events} from '/resources/js/bus'
+	import MemberAvatar from "./MemberAvatar"
 	import {mapGetters} from 'vuex'
-	import MemberAvatar from "./MemberAvatar";
 
 	export default {
 		name: 'InfoSidebar',
 		components: {
-			MemberAvatar,
 			TeamMembersPreview,
 			FilePreviewDetail,
 			ImageMetaData,
-			EmptyMessage,
+			CopyShareLink,
+			MemberAvatar,
 			TitlePreview,
 			ListInfoItem,
 			UnlockIcon,
-			CopyShareLink,
+			EyeOffIcon,
 			Edit2Icon,
 			LockIcon,
-			ListInfo,
 		},
 		computed: {
 			...mapGetters([
@@ -168,43 +169,5 @@
 					&& this.user.data.id !== this.clipboard[0].data.relationships.owner.data.id
 			},
 		},
-		methods: {
-			openShareOptions() {
-				events.$emit('popup:open', {name: 'share-edit', item: this.clipboard[0]})
-			},
-			openMoveOptions() {
-				events.$emit("popup:open", {name: "move", item: this.clipboard});
-			}
-		}
 	}
 </script>
-
-<style scoped lang="scss">
-
-	.info-wrapper {
-		padding-bottom: 50px;
-	}
-
-	.info-headline {
-		margin-bottom: 20px;
-		border-radius: 8px;
-	}
-
-	.share-link {
-		display: flex;
-		width: 100%;
-		align-items: center;
-		margin-top: 10px;
-
-		.lock-icon {
-			display: inline-block;
-			width: 15px;
-			margin-right: 9px;
-			cursor: pointer;
-		}
-
-		.copy-share-link {
-			width: 100%;
-		}
-	}
-</style>
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index fa1b4e4e..9d48eaf9 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -25,7 +25,7 @@
 
 			<!--More Actions-->
 			<div class="relative">
-				<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="tap-area absolute right-0 p-4 -mr-2 transform -translate-y-2/4">
+				<div v-if="$checkPermission('master')" @click="showMobileNavigation" class="absolute right-0 p-4 -mr-2 transform -translate-y-2/4">
 					<menu-icon size="17" />
 				</div>
 			</div>
@@ -88,22 +88,3 @@
         }
     }
 </script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-    .dark {
-
-		.directory-name {
-			color: $dark_mode_text_primary;
-		}
-
-		.tap-area {
-
-			path, line, polyline, rect, circle {
-				stroke: $dark_mode_text_primary;
-			}
-		}
-    }
-</style>
diff --git a/resources/js/components/FilesView/TitlePreview.vue b/resources/js/components/FilesView/TitlePreview.vue
index bb560852..bf27bf7b 100644
--- a/resources/js/components/FilesView/TitlePreview.vue
+++ b/resources/js/components/FilesView/TitlePreview.vue
@@ -1,93 +1,45 @@
 <template>
-    <div class="wrapper">
-        <div class="icon-wrapper">
-            <CheckSquareIcon v-if="icon === 'check-square'" class="icon text-theme vue-feather" size="21" />
-			<image-icon v-if="icon === 'image'" class="icon text-theme vue-feather" size="21" />
-			<video-icon v-if="icon === 'video'" class="icon text-theme vue-feather" size="21" />
-			<folder-icon v-if="icon === 'folder'" class="icon text-theme vue-feather" size="21" />
-			<file-icon v-if="icon === 'file'" class="icon text-theme vue-feather" size="21" />
+    <div class="flex items-start">
+        <div class="mr-2">
+            <CheckSquareIcon v-if="icon === 'check-square'" class="text-theme vue-feather" size="19" />
+			<image-icon v-if="icon === 'image'" class="text-theme vue-feather" size="19" />
+			<video-icon v-if="icon === 'video'" class="text-theme vue-feather" size="19" />
+			<folder-icon v-if="icon === 'folder'" class="text-theme vue-feather" size="19" />
+			<file-icon v-if="icon === 'file'" class="text-theme vue-feather" size="19" />
         </div>
-        <div class="text">
-            <span class="title">{{ title }}</span>
-            <span class="subtitle">{{ subtitle }}</span>
+        <div>
+            <b class="font-bold text-base inline-block whitespace-nowrap 2xl:w-72 w-52 overflow-ellipsis overflow-hidden leading-3">
+				{{ title }}
+			</b>
+            <small class="font-bold text-xs text-gray-400 block">
+				{{ subtitle }}
+			</small>
         </div>
     </div>
 </template>
 
 <script>
-import {
-	CheckSquareIcon,
-	FolderIcon,
-	ImageIcon,
-	VideoIcon,
-	FileIcon,
-} from "vue-feather-icons"
-
-export default {
-    name: 'TitlePreview',
-    props: [
-        'subtitle',
-        'title',
-        'icon',
-    ],
-    components: {
-        CheckSquareIcon,
+	import {
+		CheckSquareIcon,
 		FolderIcon,
 		ImageIcon,
 		VideoIcon,
 		FileIcon,
-    },
-}
+	} from "vue-feather-icons"
+
+	export default {
+		name: 'TitlePreview',
+		props: [
+			'subtitle',
+			'title',
+			'icon',
+		],
+		components: {
+			CheckSquareIcon,
+			FolderIcon,
+			ImageIcon,
+			VideoIcon,
+			FileIcon,
+		},
+	}
 </script>
-
-<style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
-
-.wrapper {
-    display: flex;
-    align-items: flex-start;
-
-    .text {
-        padding-left: 10px;
-        width: 100%;
-        word-break: break-all;
-
-        .title {
-            @include font-size(14);
-            font-weight: 700;
-            line-height: 1.4;
-            display: block;
-            color: $text;
-        }
-
-        .subtitle {
-            @include font-size(12);
-            font-weight: 600;
-            color: $text-muted;
-            display: block;
-        }
-    }
-
-    .icon-wrapper {
-
-        polyline, path, rect, circle, polyline {
-            color: inherit;
-        }
-    }
-}
-
-.dark {
-    .wrapper {
-        .text {
-            .title {
-                color: $dark_mode_text_primary;
-            }
-
-            .subtitle {
-                color: $dark_mode_text_secondary;
-            }
-        }
-    }
-}
-</style>
diff --git a/resources/js/components/Others/FilePreviewDetail.vue b/resources/js/components/Others/FilePreviewDetail.vue
index cf51fc83..290aa837 100644
--- a/resources/js/components/Others/FilePreviewDetail.vue
+++ b/resources/js/components/Others/FilePreviewDetail.vue
@@ -1,66 +1,56 @@
 <template>
-    <div v-if="canBePreview" class="preview">
-        <img v-if="singleFile.data.type === 'image' && singleFile.data.attributes.thumbnail" :src="singleFile.data.attributes.thumbnail.md" :alt="singleFile.data.attributes.name" />
-        <audio v-else-if="singleFile.data.type === 'audio'" :src="singleFile.data.attributes.file_url" controlsList="nodownload" controls></audio>
-        <video v-else-if="singleFile.data.type === 'video'" controlsList="nodownload" disablePictureInPicture playsinline controls>
+    <div v-if="canBePreview" class="w-full block mb-4">
+
+		<!--Image-->
+		<img
+			v-if="singleFile.data.type === 'image' && singleFile.data.attributes.thumbnail"
+			:src="singleFile.data.attributes.thumbnail.md"
+			:alt="singleFile.data.attributes.name"
+			class="rounded-lg overflow-hidden w-full object-cover shadow-lg"
+		/>
+
+		<!--Audio-->
+		<audio
+			v-else-if="singleFile.data.type === 'audio'"
+			:src="singleFile.data.attributes.file_url"
+			controlsList="nodownload"
+			controls
+			class="w-full"
+		>
+		</audio>
+
+		<!--Video-->
+		<video
+			class="w-full h-auto rounded-sm overflow-hidden"
+			v-else-if="singleFile.data.type === 'video'"
+			controlsList="nodownload"
+			disablePictureInPicture
+			playsinline
+			controls
+		>
             <source :src="singleFile.data.attributes.file_url" type="video/mp4">
         </video>
     </div>
 </template>
 
 <script>
-    import { mapGetters } from 'vuex'
-    import { includes } from 'lodash'
+    import {mapGetters} from 'vuex'
+	import {includes} from 'lodash'
 
-    export default {
-        name: 'FilePreview',
-        computed: {
-            ...mapGetters([
+	export default {
+		name: 'FilePreview',
+		computed: {
+			...mapGetters([
 				'clipboard',
 			]),
 			singleFile() {
-            	return this.clipboard[0]
+				return this.clipboard[0]
 			},
-            canBePreview() {
-                return this.singleFile && ! includes([
-                    'folder', 'file'
-                ], this.singleFile.data.type)
-            },
-        }
+			canBePreview() {
+				return this.singleFile && !includes([
+					'folder', 'file'
+				], this.singleFile.data.type)
+			},
+		}
 	}
-</script>
-
-<style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-    .preview {
-        width: 100%;
-        display: block;
-        margin-bottom: 7px;
-
-        img {
-            border-radius: 4px;
-            overflow: hidden;
-            width: 100%;
-            object-fit: cover;
-        }
-
-        audio {
-            width: 100%;
-            &::-webkit-media-controls-panel {
-                background-color: $light_background;
-            }
-
-            &::-webkit-media-controls-play-button {
-                color: $theme;
-            }
-        }
-
-        video {
-            width: 100%;
-            height: auto;
-            border-radius: 3px;
-        }
-    }
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/resources/js/components/Others/ListInfoItem.vue b/resources/js/components/Others/ListInfoItem.vue
index aa2aa6a4..ab215507 100644
--- a/resources/js/components/Others/ListInfoItem.vue
+++ b/resources/js/components/Others/ListInfoItem.vue
@@ -1,64 +1,22 @@
 <template>
-    <li class="list-info-item">
-        <b class="text-theme dark-text-theme">{{ title }}</b>
-        <span v-if="content">{{ content }}</span>
-        <slot></slot>
-    </li>
+    <div class="mb-4">
+        <small class="text-theme font-bold text-xs block">
+			{{ title }}
+		</small>
+        <b v-if="content" class="inline-block font-bold text-sm">
+			{{ content }}
+		</b>
+
+        <slot v-if="$slots.default" />
+    </div>
 </template>
 
 <script>
     export default {
         name: 'ListInfoItem',
-        props: ['title', 'content']
+        props: [
+			'content',
+			'title',
+		]
     }
 </script>
-
-<style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-    .list-info-item {
-        display: block;
-        padding-bottom: 20px;
-
-        .action-button {
-            cursor: pointer;
-			display: flex;
-			align-items: center;
-
-            .edit-icon {
-                display: inline-block;
-                margin-left: 7px;
-            }
-        }
-
-        b {
-            display: block;
-            @include font-size(13);
-            margin-bottom: 2px;
-        }
-
-        span {
-            display: inline-block;
-            @include font-size(14);
-            font-weight: bold;
-            color: $text;
-        }
-    }
-
-    .dark {
-        .list-info-item {
-
-            span {
-                color: $dark_mode_text_primary
-            }
-
-            .action-button {
-
-                .icon {
-                    color: $dark_mode_text_primary;
-                }
-            }
-        }
-    }
-</style>
diff --git a/resources/js/views/Platform.vue b/resources/js/views/Platform.vue
index 52dc42d3..194d7256 100644
--- a/resources/js/views/Platform.vue
+++ b/resources/js/views/Platform.vue
@@ -42,19 +42,15 @@
 			<MobileToolbar />
 
 			<!--File list & info sidebar-->
-			<div class="flex space-x-6 lg:overflow-hidden lg:h-screen">
+			<div class="flex space-x-3 lg:overflow-hidden lg:h-screen">
 
 				<router-view
 					id="file-view"
-					:class="{'2xl:w-5/6 lg:w-4/6 w-full': isVisibleSidebar, 'w-full': ! isVisibleSidebar}"
-					class="relative"
+					class="relative w-full"
 					:key="$route.fullPath"
 				/>
 
-				<InfoSidebar
-					v-if="isVisibleSidebar"
-					class="2xl:w-72 w-2/6 overflow-y-auto overflow-x-hidden h-screen lg:block hidden"
-				/>
+				<InfoSidebar v-if="isVisibleSidebar" />
 			</div>
 		</div>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index b0a24a70..1571757c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -51,6 +51,9 @@ module.exports = {
 			},
 			screens: {
 				'print': {'raw': 'print'},
+			},
+			width: {
+				'104': '28rem',
 			}
 		},
 	},