diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 074603c6..3c0387ae 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,84 +1,212 @@
 {
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
-    "/chunks/admin.js": "/chunks/admin.js?id=d2e6acc904b1c1a9387b",
-    "/chunks/admin-account.js": "/chunks/admin-account.js?id=b306bc83a32911dc7bbc",
+    "/chunks/admin.js": "/chunks/admin.js?id=9da5aa5d592cf377763b",
+    "/chunks/admin-account.js": "/chunks/admin-account.js?id=9a11f4f2fe1efcfaf261",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=5842ebc2d92f96d9a14e",
-    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~7cf65924.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~7cf65924.js?id=e1ae154ca60eff2f45be",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~cc6e748e.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~cc6e748e.js?id=cb7a42e90b5466b5bb1c",
     "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js?id=dfc7c9e8edb8146d9bd0",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=bc5212d24fc85d890346",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=1ae1e65bb6a5ed7c3e10",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=459aa0e9effdb1a44ce2",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=206ad965486a3cfe1851",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=8eaa52eb15067485a141",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=f3f0a717f5806faf488c",
     "/chunks/app-billings.js": "/chunks/app-billings.js?id=3b65bf2075874bc5fc91",
     "/chunks/app-email.js": "/chunks/app-email.js?id=74820d141e0e11e73bbf",
-    "/chunks/app-index.js": "/chunks/app-index.js?id=9324e4f8e1ffcb626ac9",
-    "/chunks/app-others.js": "/chunks/app-others.js?id=be675a004b52fe2a5071",
-    "/chunks/app-payments.js": "/chunks/app-payments.js?id=836a75f58dad670c65b0",
+    "/chunks/app-index.js": "/chunks/app-index.js?id=330552200b411658370b",
+    "/chunks/app-others.js": "/chunks/app-others.js?id=ce07d992183d17775bd1",
+    "/chunks/app-payments.js": "/chunks/app-payments.js?id=31bac7c735ea16babcc3",
     "/chunks/app-settings.js": "/chunks/app-settings.js?id=368b31bcef5716a6b884",
     "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js?id=e71bb0286189734a8aec",
-    "/chunks/app-setup.js": "/chunks/app-setup.js?id=4112238baf5cc574afb1",
-    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=fdbbb11f8c216a2c3899",
-    "/chunks/contact-us.js": "/chunks/contact-us.js?id=0c79abc7867f7cc7a72c",
+    "/chunks/app-setup.js": "/chunks/app-setup.js?id=8f3f6dd8d4e452999518",
+    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=7026f20574d455e4f51a",
+    "/chunks/contact-us.js": "/chunks/contact-us.js?id=fc59484d50007cb59ee2",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=b9068dbb99fc1f52bad0",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=08ef47a59c4d6340ff5a",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=ea9d0dfc247abcaa5edc",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=d769414519c97993d6f9",
+    "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.js?id=dc7453600b725037ecff",
     "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=b32bd13f9927b553b7a3",
-    "/chunks/database.js": "/chunks/database.js?id=a877c2f9792396cba0c9",
+    "/chunks/database.js": "/chunks/database.js?id=d8e5ceff4803f7cd2018",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6dccc2158cc6278f683d",
-    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=b835f8fdedb4bc19f4a5",
+    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=4b6a5fba3fbeed1e3316",
     "/chunks/files.js": "/chunks/files.js?id=9b47294bd85e1f1db78e",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js?id=49caf0a8f0da386de4b4",
     "/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=bfc9bbbc5c50bc21cad7",
-    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=1a0603549f93d781c5a3",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=c1fcc5b3c0b2b8072e21",
     "/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=c869bb74e66efcad0288",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=7f6474e743f5e147705a",
-    "/chunks/homepage.js": "/chunks/homepage.js?id=a526cba84728417d5be2",
-    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=7e924ee2e747d16a2810",
-    "/chunks/invoices.js": "/chunks/invoices.js?id=198f163d6377feda0dd0",
+    "/chunks/homepage.js": "/chunks/homepage.js?id=0851a272cec4302a3247",
+    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=c5a95e5609e9129cecca",
+    "/chunks/invoices.js": "/chunks/invoices.js?id=f93a0f6f580fc4dc16d5",
     "/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=1a749c690540349c5276",
-    "/chunks/page-edit.js": "/chunks/page-edit.js?id=8cbcd452e90411768917",
-    "/chunks/pages.js": "/chunks/pages.js?id=9e3edf996d3f82b0fd7b",
-    "/chunks/plan.js": "/chunks/plan.js?id=ec407870cb21cf8a4d03",
-    "/chunks/plan-create.js": "/chunks/plan-create.js?id=ededfc60ead29ad7f756",
+    "/chunks/page-edit.js": "/chunks/page-edit.js?id=ac3b1af55ac49069c599",
+    "/chunks/pages.js": "/chunks/pages.js?id=ae8031c98c3824580c28",
+    "/chunks/plan.js": "/chunks/plan.js?id=abc4b8db6d8056cfbeae",
+    "/chunks/plan-create.js": "/chunks/plan-create.js?id=1306340fe718a3ece729",
     "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=4a0cc9bcab4a667145dc",
-    "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=356dad7055651e0381f4",
-    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=cfb3435e6013159f0e1c",
-    "/chunks/plans.js": "/chunks/plans.js?id=860475f77ed02b538e02",
+    "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=ff5bce452d57e4f8f3fc",
+    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=a636b523fe6d695db4e8",
+    "/chunks/plans.js": "/chunks/plans.js?id=cf19663a4e9bf49d1454",
+    "/chunks/platform.js": "/chunks/platform.js?id=0593837a07d9d17791e4",
+    "/chunks/platform~chunks/shared-page.js": "/chunks/platform~chunks/shared-page.js?id=22de85e1509bb2bb7c0f",
     "/chunks/profile.js": "/chunks/profile.js?id=822812c633278c31acef",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=f32a0aa48b017ab8d29f",
-    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=d364c8a71495404871a5",
-    "/chunks/settings.js": "/chunks/settings.js?id=29d7f69b6af89219b201",
-    "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=2b284137d3ddc6f9df2a",
-    "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=4cbe90ad2c1b6ddaf3e5",
+    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=bc4acd59a282dc4af0b5",
+    "/chunks/settings.js": "/chunks/settings.js?id=876587fdddf02a512c5a",
+    "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=a5e7c7c969db920128b8",
+    "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=a3e5fc445aa068899d2b",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=77c9549276bf5eda2bf6",
-    "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=a865bd36a948958cb704",
+    "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=b6a74fd15744ec329998",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=664a8840225f3e43f6ef",
-    "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=c9dbe62a0fcc2f86f7ee",
+    "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=3363832973196a82a49a",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=c6b88005b133268ed88f",
     "/chunks/shared-files.js": "/chunks/shared-files.js?id=e6f7de2910d85a2dd3e4",
     "/chunks/shared-page.js": "/chunks/shared-page.js?id=c2231bfbe8e9512d2078",
     "/chunks/sign-in.js": "/chunks/sign-in.js?id=af61663f3e69eae3e5ee",
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=2bc6c1353362c0063d45",
-    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=8bfaa10b8499114b79a2",
-    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=1790ab9aa493a483cf3c",
+    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=23d5da9b7bba26268496",
+    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=4589eb09b87163bdd7c4",
     "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=8fc09aa45881d0c04e17",
-    "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=8a1684e4910b4729ce56",
-    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=94cfb5164e5e7f0c2943",
+    "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=cd032984ade002a5ebb2",
+    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=7168ffacf10ca4e5ef37",
     "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=2ce4b7a0ff69e192a968",
-    "/chunks/user.js": "/chunks/user.js?id=84b618a67038150688c6",
+    "/chunks/user.js": "/chunks/user.js?id=b11c755b2b39318bbf0d",
     "/chunks/user-create.js": "/chunks/user-create.js?id=9ad6e67ec0ed39a42339",
     "/chunks/user-delete.js": "/chunks/user-delete.js?id=9e462fe395ddbc4ccc01",
     "/chunks/user-detail.js": "/chunks/user-detail.js?id=2fccb58814a6d1f8cd69",
-    "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=80fb7bdc658126447241",
+    "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=366e8427a50f2118e16f",
     "/chunks/user-password.js": "/chunks/user-password.js?id=ac44036993054f1a1b41",
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=d989f56de65842d84727",
-    "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=ce13a0e7a3ee2b607278",
-    "/chunks/users.js": "/chunks/users.js?id=b26ed0a3ad0087236fd9",
-    "/js/main.bdfdee346c5812311c9c.hot-update.js": "/js/main.bdfdee346c5812311c9c.hot-update.js",
-    "/js/main.dd1c3ba4cba8d8facd50.hot-update.js": "/js/main.dd1c3ba4cba8d8facd50.hot-update.js",
-    "/js/main.26bc42c0472f43c31869.hot-update.js": "/js/main.26bc42c0472f43c31869.hot-update.js",
-    "/js/main.7d71add4671372139d90.hot-update.js": "/js/main.7d71add4671372139d90.hot-update.js",
-    "/js/main.13d6c18d8977eba99c42.hot-update.js": "/js/main.13d6c18d8977eba99c42.hot-update.js",
-    "/js/main.bcdf8fd7687a13420d79.hot-update.js": "/js/main.bcdf8fd7687a13420d79.hot-update.js",
-    "/js/main.26088c7c9a3c036d4457.hot-update.js": "/js/main.26088c7c9a3c036d4457.hot-update.js"
+    "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=f55c3685c1674bbe02a1",
+    "/chunks/users.js": "/chunks/users.js?id=9085e0306eafce8f9fce",
+    "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js": "/vendors~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-i~22f6a590.js?id=f31252330923ec639454",
+    "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js": "/vendors~chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.js?id=2fff5cb696a27352d8ef",
+    "/chunks/shared-page.364a874ef36541d114d0.hot-update.js": "/chunks/shared-page.364a874ef36541d114d0.hot-update.js",
+    "/js/main.163eaf3abf26ebd94b54.hot-update.js": "/js/main.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/admin-account.163eaf3abf26ebd94b54.hot-update.js": "/chunks/admin-account.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~9fa266bc.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~9fa266bc.js?id=060ffc62863ca06cf56f",
+    "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~7cf65924.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~7cf65924.js?id=e1ae154ca60eff2f45be",
+    "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-appearance.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-appearance.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-billings.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-billings.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-email.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-email.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-index.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-index.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-others.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-others.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-payments.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-payments.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/app-setup.163eaf3abf26ebd94b54.hot-update.js": "/chunks/app-setup.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/billings-detail.163eaf3abf26ebd94b54.hot-update.js": "/chunks/billings-detail.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/contact-us.163eaf3abf26ebd94b54.hot-update.js": "/chunks/contact-us.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.163eaf3abf26ebd94b54.hot-update.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/dashboard.163eaf3abf26ebd94b54.hot-update.js": "/chunks/dashboard.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.163eaf3abf26ebd94b54.hot-update.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~f48e9e59.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.163eaf3abf26ebd94b54.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/database.163eaf3abf26ebd94b54.hot-update.js": "/chunks/database.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/environment-setup.163eaf3abf26ebd94b54.hot-update.js": "/chunks/environment-setup.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/files.163eaf3abf26ebd94b54.hot-update.js": "/chunks/files.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.163eaf3abf26ebd94b54.hot-update.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/files~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/homepage.163eaf3abf26ebd94b54.hot-update.js": "/chunks/homepage.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/installation-disclaimer.163eaf3abf26ebd94b54.hot-update.js": "/chunks/installation-disclaimer.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/invoices.163eaf3abf26ebd94b54.hot-update.js": "/chunks/invoices.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/page-edit.163eaf3abf26ebd94b54.hot-update.js": "/chunks/page-edit.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/pages.163eaf3abf26ebd94b54.hot-update.js": "/chunks/pages.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/plan.163eaf3abf26ebd94b54.hot-update.js": "/chunks/plan.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/plan-create.163eaf3abf26ebd94b54.hot-update.js": "/chunks/plan-create.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/plan-settings.163eaf3abf26ebd94b54.hot-update.js": "/chunks/plan-settings.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/plan-subscribers.163eaf3abf26ebd94b54.hot-update.js": "/chunks/plan-subscribers.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/plans.163eaf3abf26ebd94b54.hot-update.js": "/chunks/plans.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/platform.163eaf3abf26ebd94b54.hot-update.js": "/chunks/platform.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/platform~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/platform~chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/profile.163eaf3abf26ebd94b54.hot-update.js": "/chunks/profile.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/profile~chunks/settings-password.163eaf3abf26ebd94b54.hot-update.js": "/chunks/profile~chunks/settings-password.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/purchase-code.163eaf3abf26ebd94b54.hot-update.js": "/chunks/purchase-code.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-create-payment-methods.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-create-payment-methods.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-invoices.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-invoices.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-password.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-password.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-payment-methods.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-payment-methods.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-storage.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-storage.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/settings-subscription.163eaf3abf26ebd94b54.hot-update.js": "/chunks/settings-subscription.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/shared-files.163eaf3abf26ebd94b54.hot-update.js": "/chunks/shared-files.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js": "/chunks/shared-page.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/stripe-credentials.163eaf3abf26ebd94b54.hot-update.js": "/chunks/stripe-credentials.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/subscription-plans.163eaf3abf26ebd94b54.hot-update.js": "/chunks/subscription-plans.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/subscription-service.163eaf3abf26ebd94b54.hot-update.js": "/chunks/subscription-service.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/upgrade-billing.163eaf3abf26ebd94b54.hot-update.js": "/chunks/upgrade-billing.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/upgrade-billing~chunks/upgrade-plan.163eaf3abf26ebd94b54.hot-update.js": "/chunks/upgrade-billing~chunks/upgrade-plan.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/user.163eaf3abf26ebd94b54.hot-update.js": "/chunks/user.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/user-create.163eaf3abf26ebd94b54.hot-update.js": "/chunks/user-create.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/user-detail.163eaf3abf26ebd94b54.hot-update.js": "/chunks/user-detail.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/user-invoices.163eaf3abf26ebd94b54.hot-update.js": "/chunks/user-invoices.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/user-subscription.163eaf3abf26ebd94b54.hot-update.js": "/chunks/user-subscription.163eaf3abf26ebd94b54.hot-update.js",
+    "/chunks/users.163eaf3abf26ebd94b54.hot-update.js": "/chunks/users.163eaf3abf26ebd94b54.hot-update.js",
+    "/js/main.940f35bef8a1f53cb3ac.hot-update.js": "/js/main.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/create-new-password.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/create-new-password.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/files~chunks/platform~chunks/shared-files~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/files~chunks/shared-files~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/files~chunks/shared-files~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/forgotten-password.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/forgotten-password.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/homepage.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/homepage.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/page-edit.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/page-edit.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/pages.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/pages.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/plan.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/plan.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/plan-create.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/plan-create.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/plans.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/plans.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/platform.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/platform.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/platform~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/platform~chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/purchase-code.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/purchase-code.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/settings.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/settings.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/settings-create-payment-methods.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/settings-create-payment-methods.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/settings-storage.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/settings-storage.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/shared-page.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/sign-in.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/sign-in.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/sign-up.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/sign-up.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/stripe-credentials.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/stripe-credentials.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/subscription-service.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/subscription-service.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/users.940f35bef8a1f53cb3ac.hot-update.js": "/chunks/users.940f35bef8a1f53cb3ac.hot-update.js",
+    "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.d3a07794f042548b818e.hot-update.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.d3a07794f042548b818e.hot-update.js",
+    "/js/main.6bb400e95177c282ff6e.hot-update.js": "/js/main.6bb400e95177c282ff6e.hot-update.js",
+    "/js/main.7e45c3c76dbfd4c27709.hot-update.js": "/js/main.7e45c3c76dbfd4c27709.hot-update.js",
+    "/js/main.2d28c1195fad3f0cfbfc.hot-update.js": "/js/main.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/admin-account.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/admin-account.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-appearance.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-appearance.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-billings.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-billings.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-email.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-email.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-index.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-index.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-others.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-others.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-payments.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-payments.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/app-setup.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/app-setup.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/dashboard.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/dashboard.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/installation-disclaimer.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/installation-disclaimer.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/invoices.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/invoices.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/pages.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/pages.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/plan-create.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/plan-create.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/plans.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/plans.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/settings.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/settings.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/settings-payment-methods.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/settings-payment-methods.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/upgrade-billing.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/upgrade-billing.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/user.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/user.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/user-create.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/user-create.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/chunks/users.2d28c1195fad3f0cfbfc.hot-update.js": "/chunks/users.2d28c1195fad3f0cfbfc.hot-update.js",
+    "/js/main.e6005c616ff01772e18a.hot-update.js": "/js/main.e6005c616ff01772e18a.hot-update.js",
+    "/chunks/admin.e6005c616ff01772e18a.hot-update.js": "/chunks/admin.e6005c616ff01772e18a.hot-update.js",
+    "/chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/settings~chunks/shared-files~chunks/shared-page.js?id=fa0b3ad3fc211908a7bf",
+    "/js/main.046e5af399c75db76eab.hot-update.js": "/js/main.046e5af399c75db76eab.hot-update.js",
+    "/chunks/admin.046e5af399c75db76eab.hot-update.js": "/chunks/admin.046e5af399c75db76eab.hot-update.js",
+    "/js/main.23e9ba69ce61c6c34a07.hot-update.js": "/js/main.23e9ba69ce61c6c34a07.hot-update.js",
+    "/chunks/admin.23e9ba69ce61c6c34a07.hot-update.js": "/chunks/admin.23e9ba69ce61c6c34a07.hot-update.js",
+    "/js/main.903af6ba1dc7a3c40cf4.hot-update.js": "/js/main.903af6ba1dc7a3c40cf4.hot-update.js",
+    "/chunks/admin.903af6ba1dc7a3c40cf4.hot-update.js": "/chunks/admin.903af6ba1dc7a3c40cf4.hot-update.js",
+    "/js/main.e99b7f40c9092a769f5d.hot-update.js": "/js/main.e99b7f40c9092a769f5d.hot-update.js",
+    "/chunks/admin.e99b7f40c9092a769f5d.hot-update.js": "/chunks/admin.e99b7f40c9092a769f5d.hot-update.js",
+    "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=82cee1c42a3cb3f8b025",
+    "/chunks/platform.e99b7f40c9092a769f5d.hot-update.js": "/chunks/platform.e99b7f40c9092a769f5d.hot-update.js",
+    "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js": "/chunks/admin~chunks/platform.f14e2ef9fb75eba68bbd.hot-update.js"
 }
diff --git a/resources/js/App.vue b/resources/js/App.vue
index baae0a80..e3000eee 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -1,149 +1,27 @@
 <template>
-    <div id="vue-file-manager" v-cloak @click="unClick">
+    <div id="vuefilemanager" v-cloak @click="unClick">
+        <Alert />
 
-        <!--System alerts-->
-        <Alert/>
+        <router-view />
 
-        <div id="application-wrapper" v-if="config.isAuthenticated">
-
-            <!-- Full File Preview -->
-            <FileFullPreview/>
-
-            <!--Mobile Navigation-->
-            <MobileNavigation/>
-
-            <!-- Processing popup for zip -->
-            <ProcessingPopup/>
-
-            <!--Confirm Popup-->
-            <Confirm/>
-
-            <!--Share Item setup-->
-            <ShareCreate/>
-            <ShareEdit/>
-
-            <!--Rename folder or file item-->
-            <RenameItem/>
-
-            <!--Create folder in mobile version-->
-            <CreateFolder/>
-
-            <!--Move item setup-->
-            <MoveItem/>
-
-            <!-- Mobile Menu for Multiselected items -->
-            <MobileMultiSelectMenu/>
-
-            <!--  Drag & Drop UI -->
-            <DragUI/>
-
-            <!-- Mobile menu for selecting view and sorting -->
-            <MobileSortingAndPreview/>
-
-            <!--Mobile Menu-->
-            <MobileMenu/>
-
-            <!--Navigation Sidebar-->
-            <MenuBar/>
-
-            <!--Toastr-->
-            <ToastrWrapper/>
-
-            <!--File page-->
-            <keep-alive :include="['Admin', 'Users']">
-                <router-view :class="{'is-scaled-down': isScaledDown}"/>
-            </keep-alive>
-        </div>
-
-        <router-view v-if="isGuestLayout"/>
-
-        <CookieDisclaimer/>
-
-        <Vignette/>
+        <CookieDisclaimer />
+        <Vignette />
     </div>
 </template>
 
 <script>
-import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview'
-import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu'
-import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper'
-import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
-import FileFullPreview from '@/components/FilesView/FileFullPreview'
-import MobileNavigation from '@/components/Others/MobileNavigation'
 import CookieDisclaimer from '@/components/Others/CookieDisclaimer'
-import CreateFolder from '@/components/Others/CreateFolder'
-import MobileMenu from '@/components/FilesView/MobileMenu'
-import ShareCreate from '@/components/Others/ShareCreate'
-import Confirm from '@/components/Others/Popup/Confirm'
-import RenameItem from '@/components/Others/RenameItem'
-import ShareEdit from '@/components/Others/ShareEdit'
-import MoveItem from '@/components/Others/MoveItem'
 import Vignette from '@/components/Others/Vignette'
-import DragUI from '@/components/FilesView/DragUI'
-import MenuBar from '@/components/Sidebar/MenuBar'
 import Alert from '@/components/FilesView/Alert'
-import { includes } from 'lodash'
-import { mapGetters } from 'vuex'
-import { events } from './bus'
+import {events} from './bus'
 
 export default {
     name: 'app',
     components: {
-        MobileSortingAndPreview,
-        MobileMultiSelectMenu,
-        MobileNavigation,
         CookieDisclaimer,
-        FileFullPreview,
-        ProcessingPopup,
-        ToastrWrapper,
-        CreateFolder,
-        ShareCreate,
-        MobileMenu,
-        RenameItem,
-        ShareEdit,
-        MoveItem,
         Vignette,
-        Confirm,
-        MenuBar,
-        DragUI,
         Alert
     },
-    computed: {
-        ...mapGetters([
-            'config', 'fileQueue'
-        ]),
-        isGuestLayout() {
-            return (includes([
-                    'InstallationDisclaimer',
-                    'SubscriptionService',
-                    'StripeCredentials',
-                    'SubscriptionPlans',
-                    'ForgottenPassword',
-                    'CreateNewPassword',
-                    'EnvironmentSetup',
-                    'VerifyByPassword',
-                    'Homepage',
-                    'BillingsDetail',
-                    'NotFoundShared',
-                    'AdminAccount',
-                    'PurchaseCode',
-                    'DynamicPage',
-                    'SharedPage',
-                    'ContactUs',
-                    'AppSetup',
-                    'Database',
-                    'Upgrade',
-                    'SignIn',
-                    'SignUp'
-                ], this.$route.name)
-            )
-        }
-    },
-    data() {
-        return {
-            isScaledDown: false
-        }
-    },
     methods: {
         unClick() {
             events.$emit('unClick')
@@ -166,30 +44,22 @@ export default {
 
         // Redirect to database verify code
         if (installation === 'setup-database')
-            this.$router.push({ name: 'PurchaseCode' })
+            this.$router.push({name: 'PurchaseCode'})
 
         // Redirect to starting installation process
         if (installation === 'setup-disclaimer')
-            this.$router.push({ name: 'InstallationDisclaimer' })
+            this.$router.push({name: 'InstallationDisclaimer'})
     },
     mounted() {
-
         this.$checkOS()
-
-        // Handle mobile navigation scale animation
-        events.$on('show:mobile-navigation', () => this.isScaledDown = true)
-        events.$on('hide:mobile-navigation', () => this.isScaledDown = false)
-        events.$on('mobileMenu:show', () => this.isScaledDown = true)
-        events.$on('fileItem:deselect', () => this.isScaledDown = false)
-        events.$on('mobileSortingAndPreview', state => this.isScaledDown = state)
     }
 }
 </script>
 
 <style lang="scss">
 @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 [v-cloak],
 [v-cloak] > * {
@@ -215,7 +85,7 @@ export default {
     height: 100%;
 }
 
-#vue-file-manager {
+#vuefilemanager {
     position: absolute;
     width: 100%;
     height: 100%;
diff --git a/resources/js/components/Admin/WidgetLatestRegistrations.vue b/resources/js/components/Admin/WidgetLatestRegistrations.vue
index 05ecccec..d7291aa6 100644
--- a/resources/js/components/Admin/WidgetLatestRegistrations.vue
+++ b/resources/js/components/Admin/WidgetLatestRegistrations.vue
@@ -110,8 +110,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     @media (prefers-color-scheme: dark) {
 
diff --git a/resources/js/components/Admin/WidgetTotals.vue b/resources/js/components/Admin/WidgetTotals.vue
index 92a660f7..5636dee7 100644
--- a/resources/js/components/Admin/WidgetTotals.vue
+++ b/resources/js/components/Admin/WidgetTotals.vue
@@ -28,8 +28,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .widget-value {
         margin-top: 10px;
diff --git a/resources/js/components/Admin/WidgetWrapper.vue b/resources/js/components/Admin/WidgetWrapper.vue
index 47f1c70c..4ee4d2a7 100644
--- a/resources/js/components/Admin/WidgetWrapper.vue
+++ b/resources/js/components/Admin/WidgetWrapper.vue
@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .widget-content {
         @include widget-card;
diff --git a/resources/js/components/Auth/AuthButton.vue b/resources/js/components/Auth/AuthButton.vue
index 59a0d510..1c19c262 100644
--- a/resources/js/components/Auth/AuthButton.vue
+++ b/resources/js/components/Auth/AuthButton.vue
@@ -28,8 +28,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button {
         cursor: pointer;
diff --git a/resources/js/components/FilesView/Alert.vue b/resources/js/components/FilesView/Alert.vue
index 349ae843..e9395adb 100644
--- a/resources/js/components/FilesView/Alert.vue
+++ b/resources/js/components/FilesView/Alert.vue
@@ -96,8 +96,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;
diff --git a/resources/js/components/FilesView/ButtonBase.vue b/resources/js/components/FilesView/ButtonBase.vue
index 0150a537..0a473378 100644
--- a/resources/js/components/FilesView/ButtonBase.vue
+++ b/resources/js/components/FilesView/ButtonBase.vue
@@ -22,8 +22,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-base {
         @include font-size(15);
diff --git a/resources/js/components/FilesView/ButtonUpload.vue b/resources/js/components/FilesView/ButtonUpload.vue
index bed57af5..021b129a 100644
--- a/resources/js/components/FilesView/ButtonUpload.vue
+++ b/resources/js/components/FilesView/ButtonUpload.vue
@@ -31,8 +31,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-base {
         @include font-size(15);
diff --git a/resources/js/components/FilesView/ContextMenu.vue b/resources/js/components/FilesView/ContextMenu.vue
index b9358947..ddabb744 100644
--- a/resources/js/components/FilesView/ContextMenu.vue
+++ b/resources/js/components/FilesView/ContextMenu.vue
@@ -433,8 +433,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .no-options {
     /deep/ .text-label {
diff --git a/resources/js/components/FilesView/DesktopSortingAndPreview.vue b/resources/js/components/FilesView/DesktopSortingAndPreview.vue
index 6c6453df..60b6ae5d 100644
--- a/resources/js/components/FilesView/DesktopSortingAndPreview.vue
+++ b/resources/js/components/FilesView/DesktopSortingAndPreview.vue
@@ -29,8 +29,8 @@ import { events } from '@/bus'
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .sorting-preview {
     min-width: 250px;
diff --git a/resources/js/components/FilesView/DesktopToolbar.vue b/resources/js/components/FilesView/DesktopToolbar.vue
index d2c22749..b4672dcc 100644
--- a/resources/js/components/FilesView/DesktopToolbar.vue
+++ b/resources/js/components/FilesView/DesktopToolbar.vue
@@ -220,8 +220,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .preview-sorting {
     /deep/ .label {
diff --git a/resources/js/components/FilesView/DragUI.vue b/resources/js/components/FilesView/DragUI.vue
index 3ce2b488..7f71a7fa 100644
--- a/resources/js/components/FilesView/DragUI.vue
+++ b/resources/js/components/FilesView/DragUI.vue
@@ -75,8 +75,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 #multi-select-ui {
     max-width: 300px;
diff --git a/resources/js/components/FilesView/EmptyMessage.vue b/resources/js/components/FilesView/EmptyMessage.vue
index 7eb2ab44..4379366c 100644
--- a/resources/js/components/FilesView/EmptyMessage.vue
+++ b/resources/js/components/FilesView/EmptyMessage.vue
@@ -20,8 +20,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-message {
         text-align: center;
diff --git a/resources/js/components/FilesView/EmptyPage.vue b/resources/js/components/FilesView/EmptyPage.vue
index aa398758..3f42d7dd 100644
--- a/resources/js/components/FilesView/EmptyPage.vue
+++ b/resources/js/components/FilesView/EmptyPage.vue
@@ -59,8 +59,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-page {
         position: absolute;
diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue
index 6072ddea..22702aaa 100644
--- a/resources/js/components/FilesView/FileBrowser.vue
+++ b/resources/js/components/FilesView/FileBrowser.vue
@@ -261,8 +261,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-list {
         .dragged {
diff --git a/resources/js/components/FilesView/FileFullPreview.vue b/resources/js/components/FilesView/FileFullPreview.vue
index 622f4e07..ad94b368 100644
--- a/resources/js/components/FilesView/FileFullPreview.vue
+++ b/resources/js/components/FilesView/FileFullPreview.vue
@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
+@import '@assets/vuefilemanager/_variables';
 
 .file-full-preview-wrapper {
 	width: 100%;
diff --git a/resources/js/components/FilesView/FileInfoPanel.vue b/resources/js/components/FilesView/FileInfoPanel.vue
index ed09eb06..c13a1237 100644
--- a/resources/js/components/FilesView/FileInfoPanel.vue
+++ b/resources/js/components/FilesView/FileInfoPanel.vue
@@ -136,8 +136,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-info-content {
         padding-bottom: 20px;
diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue
index e86c37b1..6300e30b 100644
--- a/resources/js/components/FilesView/FileItemGrid.vue
+++ b/resources/js/components/FilesView/FileItemGrid.vue
@@ -300,8 +300,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .check-select {
     margin-right: 10px;
diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue
index 81b9bd4e..b3b98fba 100644
--- a/resources/js/components/FilesView/FileItemList.vue
+++ b/resources/js/components/FilesView/FileItemList.vue
@@ -297,8 +297,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 
 .slide-from-left-move {
diff --git a/resources/js/components/FilesView/FilePreview.vue b/resources/js/components/FilesView/FilePreview.vue
index 7b9eaf5f..a04b3721 100644
--- a/resources/js/components/FilesView/FilePreview.vue
+++ b/resources/js/components/FilesView/FilePreview.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .preview {
         width: 100%;
diff --git a/resources/js/components/FilesView/FilePreviewActions.vue b/resources/js/components/FilesView/FilePreviewActions.vue
index da637315..e6ca9a20 100644
--- a/resources/js/components/FilesView/FilePreviewActions.vue
+++ b/resources/js/components/FilesView/FilePreviewActions.vue
@@ -46,7 +46,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
+@import '@assets/vuefilemanager/_variables';
 .prev,
 .next {
 	cursor: pointer;
diff --git a/resources/js/components/FilesView/FilePreviewNavigationPanel.vue b/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
index eea11c31..b84363e7 100644
--- a/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
+++ b/resources/js/components/FilesView/FilePreviewNavigationPanel.vue
@@ -107,8 +107,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .name-wrapper {
 	width: 33%;
diff --git a/resources/js/components/FilesView/FolderIcon.vue b/resources/js/components/FilesView/FolderIcon.vue
index 4e45b29a..ad67fab8 100644
--- a/resources/js/components/FilesView/FolderIcon.vue
+++ b/resources/js/components/FilesView/FolderIcon.vue
@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 // Locations
 .file-item-list {
diff --git a/resources/js/components/FilesView/ImageMetaData.vue b/resources/js/components/FilesView/ImageMetaData.vue
index 00e26f54..aa5cfd01 100644
--- a/resources/js/components/FilesView/ImageMetaData.vue
+++ b/resources/js/components/FilesView/ImageMetaData.vue
@@ -107,8 +107,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .meta-data-list {
     list-style: none;
diff --git a/resources/js/components/FilesView/MediaFullPreview.vue b/resources/js/components/FilesView/MediaFullPreview.vue
index 607fc6b2..bf3b4cab 100644
--- a/resources/js/components/FilesView/MediaFullPreview.vue
+++ b/resources/js/components/FilesView/MediaFullPreview.vue
@@ -122,8 +122,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .media-full-preview {
 	height: calc(100% - 72px);
diff --git a/resources/js/components/FilesView/MobileActionButton.vue b/resources/js/components/FilesView/MobileActionButton.vue
index 80b33205..22dcaade 100644
--- a/resources/js/components/FilesView/MobileActionButton.vue
+++ b/resources/js/components/FilesView/MobileActionButton.vue
@@ -45,8 +45,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileActionButtonUpload.vue b/resources/js/components/FilesView/MobileActionButtonUpload.vue
index cc2e1d4b..6717945d 100644
--- a/resources/js/components/FilesView/MobileActionButtonUpload.vue
+++ b/resources/js/components/FilesView/MobileActionButtonUpload.vue
@@ -34,8 +34,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileActions.vue b/resources/js/components/FilesView/MobileActions.vue
index fa337aea..e160b9a5 100644
--- a/resources/js/components/FilesView/MobileActions.vue
+++ b/resources/js/components/FilesView/MobileActions.vue
@@ -135,8 +135,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button-enter-active,
     .button-leave-active {
diff --git a/resources/js/components/FilesView/MobileMenu.vue b/resources/js/components/FilesView/MobileMenu.vue
index 9f46e0b3..6ea0c98d2 100644
--- a/resources/js/components/FilesView/MobileMenu.vue
+++ b/resources/js/components/FilesView/MobileMenu.vue
@@ -416,8 +416,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .mobile-selected-menu {
     display: flex;
diff --git a/resources/js/components/FilesView/MobileMultiSelectButton.vue b/resources/js/components/FilesView/MobileMultiSelectButton.vue
index 1bd07abf..d2ddacca 100644
--- a/resources/js/components/FilesView/MobileMultiSelectButton.vue
+++ b/resources/js/components/FilesView/MobileMultiSelectButton.vue
@@ -39,8 +39,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileMultiSelectMenu.vue b/resources/js/components/FilesView/MobileMultiSelectMenu.vue
index 489f5f19..3389cf8c 100644
--- a/resources/js/components/FilesView/MobileMultiSelectMenu.vue
+++ b/resources/js/components/FilesView/MobileMultiSelectMenu.vue
@@ -75,8 +75,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .multiselect-actions {
     display: flex;
diff --git a/resources/js/components/FilesView/MobileSortingAndPreview.vue b/resources/js/components/FilesView/MobileSortingAndPreview.vue
index df5d2d2a..d9d1f8b0 100644
--- a/resources/js/components/FilesView/MobileSortingAndPreview.vue
+++ b/resources/js/components/FilesView/MobileSortingAndPreview.vue
@@ -25,8 +25,8 @@ import { events } from '@/bus'
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .options {
     position: absolute;
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index aa921d3f..6976475c 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -84,8 +84,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-toolbar {
         background: white;
diff --git a/resources/js/components/FilesView/MultiSelected.vue b/resources/js/components/FilesView/MultiSelected.vue
index c1f7e81a..38e17bc5 100644
--- a/resources/js/components/FilesView/MultiSelected.vue
+++ b/resources/js/components/FilesView/MultiSelected.vue
@@ -25,8 +25,8 @@ import {events} from '@/bus'
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .wrapper {
     display: flex;
diff --git a/resources/js/components/FilesView/Option.vue b/resources/js/components/FilesView/Option.vue
index 30494694..83a7f538 100644
--- a/resources/js/components/FilesView/Option.vue
+++ b/resources/js/components/FilesView/Option.vue
@@ -57,8 +57,8 @@ import {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .danger {
     .text-label {
diff --git a/resources/js/components/FilesView/OptionGroup.vue b/resources/js/components/FilesView/OptionGroup.vue
index 30b5a5c6..0f95ac6f 100644
--- a/resources/js/components/FilesView/OptionGroup.vue
+++ b/resources/js/components/FilesView/OptionGroup.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss" scoped>
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .menu-option-group {
         padding: 5px 0;
diff --git a/resources/js/components/FilesView/ProcessingPopup.vue b/resources/js/components/FilesView/ProcessingPopup.vue
index d862c4eb..46b4aee2 100644
--- a/resources/js/components/FilesView/ProcessingPopup.vue
+++ b/resources/js/components/FilesView/ProcessingPopup.vue
@@ -32,8 +32,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .spinner-wrapper {
     padding-bottom: 90px;
diff --git a/resources/js/components/FilesView/ProgressBar.vue b/resources/js/components/FilesView/ProgressBar.vue
index c4b08e0d..e90303e7 100644
--- a/resources/js/components/FilesView/ProgressBar.vue
+++ b/resources/js/components/FilesView/ProgressBar.vue
@@ -12,8 +12,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import '@assets/vue-file-manager/_variables';
-	@import '@assets/vue-file-manager/_mixins';
+	@import '@assets/vuefilemanager/_variables';
+	@import '@assets/vuefilemanager/_mixins';
 
 	.progress-bar {
 		width: 100%;
diff --git a/resources/js/components/FilesView/SearchBar.vue b/resources/js/components/FilesView/SearchBar.vue
index 630259b0..bdd85706 100644
--- a/resources/js/components/FilesView/SearchBar.vue
+++ b/resources/js/components/FilesView/SearchBar.vue
@@ -74,8 +74,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .search-bar {
         position: relative;
diff --git a/resources/js/components/FilesView/SortingAndPreviewMenu.vue b/resources/js/components/FilesView/SortingAndPreviewMenu.vue
index dc250f4d..95a6c973 100644
--- a/resources/js/components/FilesView/SortingAndPreviewMenu.vue
+++ b/resources/js/components/FilesView/SortingAndPreviewMenu.vue
@@ -121,8 +121,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .show-icon {
     margin-left: auto;
diff --git a/resources/js/components/FilesView/Spinner.vue b/resources/js/components/FilesView/Spinner.vue
index b628c73f..183f28d6 100644
--- a/resources/js/components/FilesView/Spinner.vue
+++ b/resources/js/components/FilesView/Spinner.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     #loading-bar-spinner.spinner {
         left: 50%;
diff --git a/resources/js/components/FilesView/ToolbarButton.vue b/resources/js/components/FilesView/ToolbarButton.vue
index 803ccdef..cebdc3f2 100644
--- a/resources/js/components/FilesView/ToolbarButton.vue
+++ b/resources/js/components/FilesView/ToolbarButton.vue
@@ -64,8 +64,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_variables";
-@import "@assets/vue-file-manager/_mixins";
+@import "@assets/vuefilemanager/_variables";
+@import "@assets/vuefilemanager/_mixins";
 
 .preview-sorting {
   svg {
diff --git a/resources/js/components/FilesView/ToolbarButtonUpload.vue b/resources/js/components/FilesView/ToolbarButtonUpload.vue
index db4ecf09..f12b6207 100644
--- a/resources/js/components/FilesView/ToolbarButtonUpload.vue
+++ b/resources/js/components/FilesView/ToolbarButtonUpload.vue
@@ -30,8 +30,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .button {
         height: 42px;
diff --git a/resources/js/components/FilesView/UploadProgress.vue b/resources/js/components/FilesView/UploadProgress.vue
index 76a7172d..b51962a9 100644
--- a/resources/js/components/FilesView/UploadProgress.vue
+++ b/resources/js/components/FilesView/UploadProgress.vue
@@ -55,8 +55,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .sync-alt {
         animation: spin 1s linear infinite;
diff --git a/resources/js/components/Index/Components/PageTitle.vue b/resources/js/components/Index/Components/PageTitle.vue
index 47cbd4d0..f778d686 100644
--- a/resources/js/components/Index/Components/PageTitle.vue
+++ b/resources/js/components/Index/Components/PageTitle.vue
@@ -15,9 +15,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-title {
         position: relative;
diff --git a/resources/js/components/Index/Components/PricingTables.vue b/resources/js/components/Index/Components/PricingTables.vue
index cd373c10..8555e9ab 100644
--- a/resources/js/components/Index/Components/PricingTables.vue
+++ b/resources/js/components/Index/Components/PricingTables.vue
@@ -49,8 +49,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .plans-wrapper {
         box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);
diff --git a/resources/js/components/Index/IndexGetStarted.vue b/resources/js/components/Index/IndexGetStarted.vue
index 7ad11f8c..f78d0a6f 100644
--- a/resources/js/components/Index/IndexGetStarted.vue
+++ b/resources/js/components/Index/IndexGetStarted.vue
@@ -88,9 +88,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexHeroScreenshot.vue b/resources/js/components/Index/IndexHeroScreenshot.vue
index ad289df6..69592f3f 100644
--- a/resources/js/components/Index/IndexHeroScreenshot.vue
+++ b/resources/js/components/Index/IndexHeroScreenshot.vue
@@ -57,9 +57,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexMainFeatures.vue b/resources/js/components/Index/IndexMainFeatures.vue
index b54c6572..2727a0a1 100644
--- a/resources/js/components/Index/IndexMainFeatures.vue
+++ b/resources/js/components/Index/IndexMainFeatures.vue
@@ -69,9 +69,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .features {
         padding-left: 75px;
diff --git a/resources/js/components/Index/IndexNavigation.vue b/resources/js/components/Index/IndexNavigation.vue
index 50f0ee35..70960db5 100644
--- a/resources/js/components/Index/IndexNavigation.vue
+++ b/resources/js/components/Index/IndexNavigation.vue
@@ -55,9 +55,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .main-navigation {
         justify-content: space-between;
diff --git a/resources/js/components/Index/IndexPageFooter.vue b/resources/js/components/Index/IndexPageFooter.vue
index 4cdee401..30030627 100644
--- a/resources/js/components/Index/IndexPageFooter.vue
+++ b/resources/js/components/Index/IndexPageFooter.vue
@@ -39,9 +39,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     footer {
         text-align: center;
diff --git a/resources/js/components/Index/IndexPageHeader.vue b/resources/js/components/Index/IndexPageHeader.vue
index b75ea9cc..8be5f038 100644
--- a/resources/js/components/Index/IndexPageHeader.vue
+++ b/resources/js/components/Index/IndexPageHeader.vue
@@ -53,9 +53,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .features {
         display: flex;
diff --git a/resources/js/components/Index/IndexPricingTables.vue b/resources/js/components/Index/IndexPricingTables.vue
index 87fa8d2d..dade2caf 100644
--- a/resources/js/components/Index/IndexPricingTables.vue
+++ b/resources/js/components/Index/IndexPricingTables.vue
@@ -51,9 +51,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .pricing {
         .cloud-bg {
diff --git a/resources/js/components/Mobile/MenuItemList.vue b/resources/js/components/Mobile/MenuItemList.vue
index 6cd68bcc..ab4e670e 100644
--- a/resources/js/components/Mobile/MenuItemList.vue
+++ b/resources/js/components/Mobile/MenuItemList.vue
@@ -73,8 +73,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .link-item {
         display: flex;
diff --git a/resources/js/components/Mobile/MobileHeader.vue b/resources/js/components/Mobile/MobileHeader.vue
index 9d2ea4e1..aad38009 100644
--- a/resources/js/components/Mobile/MobileHeader.vue
+++ b/resources/js/components/Mobile/MobileHeader.vue
@@ -45,8 +45,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-header {
         padding: 10px 0;
diff --git a/resources/js/components/Others/ActionButton.vue b/resources/js/components/Others/ActionButton.vue
index 35a9dccf..8a90c033 100644
--- a/resources/js/components/Others/ActionButton.vue
+++ b/resources/js/components/Others/ActionButton.vue
@@ -22,8 +22,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .action-button {
         cursor: pointer;
diff --git a/resources/js/components/Others/ColorLabel.vue b/resources/js/components/Others/ColorLabel.vue
index 7a5e5d04..ca15d0c0 100644
--- a/resources/js/components/Others/ColorLabel.vue
+++ b/resources/js/components/Others/ColorLabel.vue
@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .color-label {
         text-transform: capitalize;
diff --git a/resources/js/components/Others/ColorPicker.vue b/resources/js/components/Others/ColorPicker.vue
index a1a59743..b604dfff 100644
--- a/resources/js/components/Others/ColorPicker.vue
+++ b/resources/js/components/Others/ColorPicker.vue
@@ -58,8 +58,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .color-pick-wrapper {
     .color-wrapper {
diff --git a/resources/js/components/Others/ContentFileView.vue b/resources/js/components/Others/ContentFileView.vue
index f4ff9308..57438194 100644
--- a/resources/js/components/Others/ContentFileView.vue
+++ b/resources/js/components/Others/ContentFileView.vue
@@ -36,8 +36,8 @@
 </script>
 
 <style lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     #files-view {
         font-family: 'Nunito', sans-serif;
diff --git a/resources/js/components/Others/CookieDisclaimer.vue b/resources/js/components/Others/CookieDisclaimer.vue
index 6a5be480..d1692031 100644
--- a/resources/js/components/Others/CookieDisclaimer.vue
+++ b/resources/js/components/Others/CookieDisclaimer.vue
@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .cookie-wrapper {
         @include widget-card;
diff --git a/resources/js/components/Others/CreateFolder.vue b/resources/js/components/Others/CreateFolder.vue
index a64e30d1..07a0907d 100644
--- a/resources/js/components/Others/CreateFolder.vue
+++ b/resources/js/components/Others/CreateFolder.vue
@@ -118,8 +118,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .item-thumbnail {
         margin-bottom: 20px;
diff --git a/resources/js/components/Others/Emoji.vue b/resources/js/components/Others/Emoji.vue
index 857be7ff..75dc9649 100644
--- a/resources/js/components/Others/Emoji.vue
+++ b/resources/js/components/Others/Emoji.vue
@@ -29,8 +29,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .emoji-container {
     font-size: inherit;
diff --git a/resources/js/components/Others/EmojiPicker.vue b/resources/js/components/Others/EmojiPicker.vue
index 430e4e4b..a127ed1a 100644
--- a/resources/js/components/Others/EmojiPicker.vue
+++ b/resources/js/components/Others/EmojiPicker.vue
@@ -207,8 +207,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .select-emoji-wrapper {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/EmptyPageContent.vue b/resources/js/components/Others/EmptyPageContent.vue
index 895d4529..3e3859be 100644
--- a/resources/js/components/Others/EmptyPageContent.vue
+++ b/resources/js/components/Others/EmptyPageContent.vue
@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .empty-page-content {
         width: 100%;
diff --git a/resources/js/components/Others/Forms/CopyInput.vue b/resources/js/components/Others/Forms/CopyInput.vue
index db069a4c..e6e912d2 100644
--- a/resources/js/components/Others/Forms/CopyInput.vue
+++ b/resources/js/components/Others/Forms/CopyInput.vue
@@ -63,10 +63,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import "@assets/vue-file-manager/_forms.scss";
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import "@assets/vuefilemanager/_forms.scss";
 
 .multi-icon {
     display: flex;
diff --git a/resources/js/components/Others/Forms/FormLabel.vue b/resources/js/components/Others/Forms/FormLabel.vue
index ce1c3980..5c6f0f7d 100644
--- a/resources/js/components/Others/Forms/FormLabel.vue
+++ b/resources/js/components/Others/Forms/FormLabel.vue
@@ -19,8 +19,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .form-label {
         display: flex;
diff --git a/resources/js/components/Others/Forms/ImageInput.vue b/resources/js/components/Others/Forms/ImageInput.vue
index 683ffa8c..31ce13a0 100644
--- a/resources/js/components/Others/Forms/ImageInput.vue
+++ b/resources/js/components/Others/Forms/ImageInput.vue
@@ -85,8 +85,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .dropzone {
         border: 1px dashed #a1abc2;
diff --git a/resources/js/components/Others/Forms/InfoBox.vue b/resources/js/components/Others/Forms/InfoBox.vue
index 64fe979d..deaf7a97 100644
--- a/resources/js/components/Others/Forms/InfoBox.vue
+++ b/resources/js/components/Others/Forms/InfoBox.vue
@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .info-box {
         padding: 20px;
diff --git a/resources/js/components/Others/Forms/MultiEmailInput.vue b/resources/js/components/Others/Forms/MultiEmailInput.vue
index ebbd5612..a773b42c 100644
--- a/resources/js/components/Others/Forms/MultiEmailInput.vue
+++ b/resources/js/components/Others/Forms/MultiEmailInput.vue
@@ -91,8 +91,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .wrapper {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/Forms/SelectBoxInput.vue b/resources/js/components/Others/Forms/SelectBoxInput.vue
index bc889863..2dcd6547 100644
--- a/resources/js/components/Others/Forms/SelectBoxInput.vue
+++ b/resources/js/components/Others/Forms/SelectBoxInput.vue
@@ -40,10 +40,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import "@assets/vue-file-manager/_forms.scss";
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import "@assets/vuefilemanager/_forms.scss";
 
     .select-box {
         display: flex;
diff --git a/resources/js/components/Others/Forms/SelectInput.vue b/resources/js/components/Others/Forms/SelectInput.vue
index 7709510a..7ea847da 100644
--- a/resources/js/components/Others/Forms/SelectInput.vue
+++ b/resources/js/components/Others/Forms/SelectInput.vue
@@ -78,8 +78,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .select {
         position: relative;
diff --git a/resources/js/components/Others/Forms/SetupBox.vue b/resources/js/components/Others/Forms/SetupBox.vue
index 9876b569..b854e49f 100644
--- a/resources/js/components/Others/Forms/SetupBox.vue
+++ b/resources/js/components/Others/Forms/SetupBox.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .setup-box {
         padding: 20px;
diff --git a/resources/js/components/Others/Forms/SwitchInput.vue b/resources/js/components/Others/Forms/SwitchInput.vue
index bcb90c77..c34df467 100644
--- a/resources/js/components/Others/Forms/SwitchInput.vue
+++ b/resources/js/components/Others/Forms/SwitchInput.vue
@@ -39,8 +39,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .input-wrapper {
         display: flex;
diff --git a/resources/js/components/Others/Layout/PageTab.vue b/resources/js/components/Others/Layout/PageTab.vue
index 960d8fef..c162b05b 100644
--- a/resources/js/components/Others/Layout/PageTab.vue
+++ b/resources/js/components/Others/Layout/PageTab.vue
@@ -20,6 +20,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>
\ No newline at end of file
diff --git a/resources/js/components/Others/Layout/PageTabGroup.vue b/resources/js/components/Others/Layout/PageTabGroup.vue
index 597a5643..6e25019f 100644
--- a/resources/js/components/Others/Layout/PageTabGroup.vue
+++ b/resources/js/components/Others/Layout/PageTabGroup.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-tab-group {
         margin-bottom: 65px;
diff --git a/resources/js/components/Others/ListInfo.vue b/resources/js/components/Others/ListInfo.vue
index aa37200d..5cd6f21a 100644
--- a/resources/js/components/Others/ListInfo.vue
+++ b/resources/js/components/Others/ListInfo.vue
@@ -11,6 +11,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/components/Others/ListInfoItem.vue b/resources/js/components/Others/ListInfoItem.vue
index 9994a96d..ca1b26ce 100644
--- a/resources/js/components/Others/ListInfoItem.vue
+++ b/resources/js/components/Others/ListInfoItem.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .list-info-item {
         display: block;
diff --git a/resources/js/components/Others/MobileNavigation.vue b/resources/js/components/Others/MobileNavigation.vue
index 9ce5edd4..e21c0cbf 100644
--- a/resources/js/components/Others/MobileNavigation.vue
+++ b/resources/js/components/Others/MobileNavigation.vue
@@ -123,8 +123,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-navigation {
         padding: 20px;
diff --git a/resources/js/components/Others/MoveItem.vue b/resources/js/components/Others/MoveItem.vue
index 637c642f..cf877f61 100644
--- a/resources/js/components/Others/MoveItem.vue
+++ b/resources/js/components/Others/MoveItem.vue
@@ -155,8 +155,8 @@
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .item-thumbnail {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/Notifications/ToastrItem.vue b/resources/js/components/Others/Notifications/ToastrItem.vue
index 821e3bb9..c10f82ae 100644
--- a/resources/js/components/Others/Notifications/ToastrItem.vue
+++ b/resources/js/components/Others/Notifications/ToastrItem.vue
@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .fade-enter-active,
     .fade-leave-active {
diff --git a/resources/js/components/Others/Notifications/ToastrWrapper.vue b/resources/js/components/Others/Notifications/ToastrWrapper.vue
index 3e465a34..bb229314 100644
--- a/resources/js/components/Others/Notifications/ToastrWrapper.vue
+++ b/resources/js/components/Others/Notifications/ToastrWrapper.vue
@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .toastr-list {
         transition: all 5s ease;
diff --git a/resources/js/components/Others/PageHeader.vue b/resources/js/components/Others/PageHeader.vue
index 4a110260..d983874a 100644
--- a/resources/js/components/Others/PageHeader.vue
+++ b/resources/js/components/Others/PageHeader.vue
@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-header {
         display: flex;
diff --git a/resources/js/components/Others/PlanPricingTables.vue b/resources/js/components/Others/PlanPricingTables.vue
index 8bd75de9..f2ca96f9 100644
--- a/resources/js/components/Others/PlanPricingTables.vue
+++ b/resources/js/components/Others/PlanPricingTables.vue
@@ -66,8 +66,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .plan {
         text-align: center;
diff --git a/resources/js/components/Others/Popup/Confirm.vue b/resources/js/components/Others/Popup/Confirm.vue
index 6132dc8b..72e01caf 100644
--- a/resources/js/components/Others/Popup/Confirm.vue
+++ b/resources/js/components/Others/Popup/Confirm.vue
@@ -84,8 +84,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-image {
         padding-top: 20px;
diff --git a/resources/js/components/Others/Popup/PopupActions.vue b/resources/js/components/Others/Popup/PopupActions.vue
index 5b6af60b..12628d5c 100644
--- a/resources/js/components/Others/Popup/PopupActions.vue
+++ b/resources/js/components/Others/Popup/PopupActions.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .actions {
         padding: 20px;
diff --git a/resources/js/components/Others/Popup/PopupContent.vue b/resources/js/components/Others/Popup/PopupContent.vue
index 979eaa17..07198143 100644
--- a/resources/js/components/Others/Popup/PopupContent.vue
+++ b/resources/js/components/Others/Popup/PopupContent.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-content {
         &.height-limited {
diff --git a/resources/js/components/Others/Popup/PopupHeader.vue b/resources/js/components/Others/Popup/PopupHeader.vue
index c04aca32..090f494a 100644
--- a/resources/js/components/Others/Popup/PopupHeader.vue
+++ b/resources/js/components/Others/Popup/PopupHeader.vue
@@ -38,8 +38,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup-header {
         padding: 20px;
diff --git a/resources/js/components/Others/Popup/PopupWrapper.vue b/resources/js/components/Others/Popup/PopupWrapper.vue
index 8b1e8790..2f7916b5 100644
--- a/resources/js/components/Others/Popup/PopupWrapper.vue
+++ b/resources/js/components/Others/Popup/PopupWrapper.vue
@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;
diff --git a/resources/js/components/Others/RenameItem.vue b/resources/js/components/Others/RenameItem.vue
index 449b4a17..b9d8b9c2 100644
--- a/resources/js/components/Others/RenameItem.vue
+++ b/resources/js/components/Others/RenameItem.vue
@@ -143,8 +143,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .input {
     position: relative;
diff --git a/resources/js/components/Others/SectionTitle.vue b/resources/js/components/Others/SectionTitle.vue
index f99f0a63..6a504c14 100644
--- a/resources/js/components/Others/SectionTitle.vue
+++ b/resources/js/components/Others/SectionTitle.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .text-label {
         @include font-size(12);
diff --git a/resources/js/components/Others/SetFolderIcon.vue b/resources/js/components/Others/SetFolderIcon.vue
index 46eb5b71..f1fe69cf 100644
--- a/resources/js/components/Others/SetFolderIcon.vue
+++ b/resources/js/components/Others/SetFolderIcon.vue
@@ -90,8 +90,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .set-folder-icon {
     position: relative;
diff --git a/resources/js/components/Others/ShareCreate.vue b/resources/js/components/Others/ShareCreate.vue
index a6e44bb5..a1ef0909 100644
--- a/resources/js/components/Others/ShareCreate.vue
+++ b/resources/js/components/Others/ShareCreate.vue
@@ -260,8 +260,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vue-file-manager/_inapp-forms.scss";
-@import '@assets/vue-file-manager/_forms';
+@import "@assets/vuefilemanager/_inapp-forms.scss";
+@import '@assets/vuefilemanager/_forms';
 
 .more-options {
     margin-bottom: 10px;
diff --git a/resources/js/components/Others/ShareEdit.vue b/resources/js/components/Others/ShareEdit.vue
index 85c3ecf6..15920dac 100644
--- a/resources/js/components/Others/ShareEdit.vue
+++ b/resources/js/components/Others/ShareEdit.vue
@@ -359,8 +359,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .input-wrapper {
 
diff --git a/resources/js/components/Others/StorageItemDetail.vue b/resources/js/components/Others/StorageItemDetail.vue
index bdc26ff9..5a8bc2a0 100644
--- a/resources/js/components/Others/StorageItemDetail.vue
+++ b/resources/js/components/Others/StorageItemDetail.vue
@@ -38,8 +38,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .detail-storage-item {
         margin-bottom: 35px;
diff --git a/resources/js/components/Others/TabWrapper.vue b/resources/js/components/Others/TabWrapper.vue
index 83ef168f..ffba2e96 100644
--- a/resources/js/components/Others/TabWrapper.vue
+++ b/resources/js/components/Others/TabWrapper.vue
@@ -52,8 +52,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vue-file-manager/_inapp-forms.scss";
-    @import '@assets/vue-file-manager/_forms';
+    @import "@assets/vuefilemanager/_inapp-forms.scss";
+    @import '@assets/vuefilemanager/_forms';
 
     .tab-wrapper {
         display: flex;
diff --git a/resources/js/components/Others/Tables/DatatableCell.vue b/resources/js/components/Others/Tables/DatatableCell.vue
index c41b102a..442410b7 100644
--- a/resources/js/components/Others/Tables/DatatableCell.vue
+++ b/resources/js/components/Others/Tables/DatatableCell.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .table-row {
         border-radius: 8px;
diff --git a/resources/js/components/Others/Tables/DatatableCellImage.vue b/resources/js/components/Others/Tables/DatatableCellImage.vue
index 12cad915..71dac02f 100644
--- a/resources/js/components/Others/Tables/DatatableCellImage.vue
+++ b/resources/js/components/Others/Tables/DatatableCellImage.vue
@@ -19,8 +19,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .cell-image-thumbnail {
         display: flex;
diff --git a/resources/js/components/Others/Tables/DatatableWrapper.vue b/resources/js/components/Others/Tables/DatatableWrapper.vue
index 7bf27232..43a9d475 100644
--- a/resources/js/components/Others/Tables/DatatableWrapper.vue
+++ b/resources/js/components/Others/Tables/DatatableWrapper.vue
@@ -222,8 +222,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .datatable {
     height: 100%;
diff --git a/resources/js/components/Others/TextLabel.vue b/resources/js/components/Others/TextLabel.vue
index 50292c80..87ac5611 100644
--- a/resources/js/components/Others/TextLabel.vue
+++ b/resources/js/components/Others/TextLabel.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .text-label {
         padding-left: 25px;
diff --git a/resources/js/components/Others/ThemeLabel.vue b/resources/js/components/Others/ThemeLabel.vue
index d4bec95e..e15c4e44 100644
--- a/resources/js/components/Others/ThemeLabel.vue
+++ b/resources/js/components/Others/ThemeLabel.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .theme-label {
         @include font-size(14);
diff --git a/resources/js/components/Others/ThumbnailItem.vue b/resources/js/components/Others/ThumbnailItem.vue
index 6c609da2..ea85da2b 100644
--- a/resources/js/components/Others/ThumbnailItem.vue
+++ b/resources/js/components/Others/ThumbnailItem.vue
@@ -66,8 +66,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .file-item {
         display: flex;
diff --git a/resources/js/components/Others/TreeMenu.vue b/resources/js/components/Others/TreeMenu.vue
index 0b159609..76a74958 100644
--- a/resources/js/components/Others/TreeMenu.vue
+++ b/resources/js/components/Others/TreeMenu.vue
@@ -89,8 +89,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .is-inactive {
         opacity: 0.5;
diff --git a/resources/js/components/Others/TreeMenuNavigator.vue b/resources/js/components/Others/TreeMenuNavigator.vue
index 4ed9af93..786ad758 100644
--- a/resources/js/components/Others/TreeMenuNavigator.vue
+++ b/resources/js/components/Others/TreeMenuNavigator.vue
@@ -149,8 +149,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .is-inactive {
         opacity: 0.5;
diff --git a/resources/js/components/Others/UpgradeSidebarBanner.vue b/resources/js/components/Others/UpgradeSidebarBanner.vue
index f7a321b3..044cfd16 100644
--- a/resources/js/components/Others/UpgradeSidebarBanner.vue
+++ b/resources/js/components/Others/UpgradeSidebarBanner.vue
@@ -37,8 +37,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .upgrade-banner {
         background: rgba($danger, 0.1);
diff --git a/resources/js/components/Others/UserAvatar.vue b/resources/js/components/Others/UserAvatar.vue
index 11a16215..44dff95a 100644
--- a/resources/js/components/Others/UserAvatar.vue
+++ b/resources/js/components/Others/UserAvatar.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .user-avatar {
         line-height: 0;
diff --git a/resources/js/components/Others/UserImageInput.vue b/resources/js/components/Others/UserImageInput.vue
index d5f207fb..04c604e6 100644
--- a/resources/js/components/Others/UserImageInput.vue
+++ b/resources/js/components/Others/UserImageInput.vue
@@ -66,8 +66,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .dropzone {
         position: relative;
diff --git a/resources/js/components/Others/Vignette.vue b/resources/js/components/Others/Vignette.vue
index 5d77c87a..98088c05 100644
--- a/resources/js/components/Others/Vignette.vue
+++ b/resources/js/components/Others/Vignette.vue
@@ -47,8 +47,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .vignette {
         position: absolute;
diff --git a/resources/js/components/Sidebar/ContentGroup.vue b/resources/js/components/Sidebar/ContentGroup.vue
index 3e71a455..0acbe4be 100644
--- a/resources/js/components/Sidebar/ContentGroup.vue
+++ b/resources/js/components/Sidebar/ContentGroup.vue
@@ -54,7 +54,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_mixins';
 
     .content-group {
         margin-bottom: 30px;
diff --git a/resources/js/components/Sidebar/ContentSidebar.vue b/resources/js/components/Sidebar/ContentSidebar.vue
index 4871d627..52c82a79 100644
--- a/resources/js/components/Sidebar/ContentSidebar.vue
+++ b/resources/js/components/Sidebar/ContentSidebar.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .content-sidebar {
         //background: linear-gradient(0deg, rgba(246, 245, 241, 0.4) 0%, rgba(243, 244, 246, 0.4) 100%);
diff --git a/resources/js/components/Sidebar/MenuBar.vue b/resources/js/components/Sidebar/MenuBar.vue
index 00674c8d..8b414c39 100644
--- a/resources/js/components/Sidebar/MenuBar.vue
+++ b/resources/js/components/Sidebar/MenuBar.vue
@@ -1,8 +1,8 @@
 <template>
-    <nav class="menu-bar" v-if="user">
+    <nav class="menu-bar">
 
         <!--Navigation Icons-->
-        <div class="icon-navigation menu">
+        <div class="icon-navigation menu" v-if="user">
 
             <router-link :to="{name: 'Profile'}" class="icon-navigation-item user">
                 <UserAvatar />
@@ -114,8 +114,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .menu-bar {
         background: $light_background;
diff --git a/resources/js/components/Sidebar/UserHeadline.vue b/resources/js/components/Sidebar/UserHeadline.vue
index 94ceae1f..323f64d3 100644
--- a/resources/js/components/Sidebar/UserHeadline.vue
+++ b/resources/js/components/Sidebar/UserHeadline.vue
@@ -18,8 +18,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .user-meta {
         padding-left: 20px;
diff --git a/resources/js/helpers.js b/resources/js/helpers.js
index 43c4764c..4c2386bd 100644
--- a/resources/js/helpers.js
+++ b/resources/js/helpers.js
@@ -9,8 +9,8 @@ const Helpers = {
     install(Vue) {
 
         Vue.prototype.$updateText = debounce(function (route, name, value) {
-    
-            let enableEmptyInput = ['mimetypes_blacklist' , 'google_analytics' , 'upload_limit']
+
+            let enableEmptyInput = ['mimetypes_blacklist', 'google_analytics', 'upload_limit']
 
             if (value === '' && !enableEmptyInput.includes(name)) return
 
@@ -47,7 +47,7 @@ const Helpers = {
         }
 
         Vue.prototype.$scrollTop = function () {
-            var container = document.getElementById('vue-file-manager')
+            var container = document.getElementById('vuefilemanager')
 
             if (container) {
                 container.scrollTop = 0
@@ -78,24 +78,24 @@ const Helpers = {
 
         Vue.prototype.$uploadFiles = async function (files) {
 
-           if (files.length == 0) return
+            if (files.length == 0) return
 
-           if (!this.$checkFileMimetype(files) || !this.$checkUploadLimit(files)) return
+            if (!this.$checkFileMimetype(files) || !this.$checkUploadLimit(files)) return
 
-			// Push items to file queue
-			[...files].map(item => {
-				this.$store.commit('ADD_FILES_TO_QUEUE', {
-					folder_id: store.getters.currentFolder.id,
-					file: item,
-				})
-			});
+            // Push items to file queue
+            [...files].map(item => {
+                this.$store.commit('ADD_FILES_TO_QUEUE', {
+                    folder_id: store.getters.currentFolder.id,
+                    file: item,
+                })
+            });
 
-			// Start uploading if uploading process isn't running
-			if (this.$store.getters.filesInQueueTotal == 0)
-				this.$handleUploading(store.getters.fileQueue[0])
+            // Start uploading if uploading process isn't running
+            if (this.$store.getters.filesInQueueTotal == 0)
+                this.$handleUploading(store.getters.fileQueue[0])
 
-			// Increase total files in upload bar
-			this.$store.commit('INCREASE_FILES_IN_QUEUES_TOTAL', files.length)
+            // Increase total files in upload bar
+            this.$store.commit('INCREASE_FILES_IN_QUEUES_TOTAL', files.length)
         }
 
         Vue.prototype.$uploadExternalFiles = async function (event, parent_id) {
@@ -103,78 +103,78 @@ const Helpers = {
             // Prevent submit empty files
             if (event.dataTransfer.items.length === 0) return
 
-			// Push items to file queue
+            // Push items to file queue
             [...event.dataTransfer.items].map(item => {
-				this.$store.commit('ADD_FILES_TO_QUEUE', {
+                this.$store.commit('ADD_FILES_TO_QUEUE', {
                     folder_id: parent_id,
-					file: item.getAsFile(),
-				})
-			});
+                    file: item.getAsFile(),
+                })
+            });
 
             // Start uploading if uploading process isn't running
             if (this.$store.getters.filesInQueueTotal == 0)
-				this.$handleUploading(this.$store.getters.fileQueue[0])
+                this.$handleUploading(this.$store.getters.fileQueue[0])
 
-			// Increase total files in upload bar
-			this.$store.commit('INCREASE_FILES_IN_QUEUES_TOTAL', [...event.dataTransfer.items].length)
+            // Increase total files in upload bar
+            this.$store.commit('INCREASE_FILES_IN_QUEUES_TOTAL', [...event.dataTransfer.items].length)
         }
 
-		Vue.prototype.$handleUploading = async function (item) {
+        Vue.prototype.$handleUploading = async function (item) {
 
-			// Create ceil
-			let size = store.getters.config.chunkSize,
-				chunksCeil = Math.ceil(item.file.size / size),
-				chunks = []
+            // Create ceil
+            let size = store.getters.config.chunkSize,
+                chunksCeil = Math.ceil(item.file.size / size),
+                chunks = []
 
-			// Create chunks
-			for (let i = 0; i < chunksCeil; i++) {
-				chunks.push(item.file.slice(
-					i * size, Math.min(i * size + size, item.file.size), item.file.type
-				));
-			}
+            // Create chunks
+            for (let i = 0; i < chunksCeil; i++) {
+                chunks.push(item.file.slice(
+                    i * size, Math.min(i * size + size, item.file.size), item.file.type
+                ));
+            }
 
-			// Set Data
-			let formData = new FormData(),
-				uploadedSize = 0,
-				isNotGeneralError = true,
-				striped_name = item.file.name.replace(/[^A-Za-z 0-9 \.,\?""!@#\$%\^&\*\(\)-_=\+;:<>\/\\\|\}\{\[\]`~]*/g, ''),
-				filename = Array(16).fill(0).map(x => Math.random().toString(36).charAt(2)).join('') + '-' + striped_name + '.part'
+            // Set Data
+            let formData = new FormData(),
+                uploadedSize = 0,
+                isNotGeneralError = true,
+                striped_name = item.file.name.replace(/[^A-Za-z 0-9 \.,\?""!@#\$%\^&\*\(\)-_=\+;:<>\/\\\|\}\{\[\]`~]*/g, ''),
+                filename = Array(16).fill(0).map(x => Math.random().toString(36).charAt(2)).join('') + '-' + striped_name + '.part'
 
-			do {
-				let isLast = chunks.length === 1,
-					chunk = chunks.shift(),
-					attempts = 0
+            do {
+                let isLast = chunks.length === 1,
+                    chunk = chunks.shift(),
+                    attempts = 0
 
-				// Set form data
-				formData.set('file', chunk, filename);
-				formData.set('parent_id', item.parent_id)
-				formData.set('is_last', isLast);
+                // Set form data
+                formData.set('file', chunk, filename);
+                formData.set('parent_id', item.parent_id)
+                formData.set('is_last', isLast);
 
-				// Upload chunks
-				do {
-					await store.dispatch('uploadFiles', {
-						form: formData,
-						fileSize: item.file.size,
-						totalUploadedSize: uploadedSize
-					}).then(() => {
-						uploadedSize = uploadedSize + chunk.size
-					}).catch((error) => {
+                // Upload chunks
+                do {
+                    await store.dispatch('uploadFiles', {
+                        form: formData,
+                        fileSize: item.file.size,
+                        totalUploadedSize: uploadedSize
+                    }).then(() => {
+                        uploadedSize = uploadedSize + chunk.size
+                    }).catch((error) => {
 
-						// Count attempts
-						attempts++
+                        // Count attempts
+                        attempts++
 
-						// Show Error
-						if (attempts === 3)
-							this.$isSomethingWrong()
+                        // Show Error
+                        if (attempts === 3)
+                            this.$isSomethingWrong()
 
-						// Break uploading process
-						if ([500, 415].includes(error.response.status))
-							isNotGeneralError = false
-					})
-				} while (isNotGeneralError && attempts !== 0 && attempts !== 3)
+                        // Break uploading process
+                        if ([500, 415].includes(error.response.status))
+                            isNotGeneralError = false
+                    })
+                } while (isNotGeneralError && attempts !== 0 && attempts !== 3)
 
-			} while (isNotGeneralError && chunks.length !== 0)
-		}
+            } while (isNotGeneralError && chunks.length !== 0)
+        }
 
         Vue.prototype.$downloadFile = function (url, filename) {
             var anchor = document.createElement('a')
@@ -258,43 +258,43 @@ const Helpers = {
             return sizeType === 'full-scale'
         }
 
-		Vue.prototype.$isSomethingWrong = function() {
-			events.$emit('alert:open', {
-				title: i18n.t('popup_error.title'),
-				message: i18n.t('popup_error.message')
-			})
-		}
+        Vue.prototype.$isSomethingWrong = function () {
+            events.$emit('alert:open', {
+                title: i18n.t('popup_error.title'),
+                message: i18n.t('popup_error.message')
+            })
+        }
 
-		Vue.prototype.$checkFileMimetype = function(files) {
-			let validated = true
-			let mimetypesBlacklist = store.getters.config.mimetypesBlacklist
+        Vue.prototype.$checkFileMimetype = function (files) {
+            let validated = true
+            let mimetypesBlacklist = store.getters.config.mimetypesBlacklist
 
-			for (let i = 0; i < files.length; i++) {
-				let fileType = files[i].type.split('/')
+            for (let i = 0; i < files.length; i++) {
+                let fileType = files[i].type.split('/')
 
-				if (!fileType[0]) {
-					fileType[1] = _.last(files[i].name.split('.'))
-				}
+                if (!fileType[0]) {
+                    fileType[1] = _.last(files[i].name.split('.'))
+                }
 
-				if (mimetypesBlacklist.includes(fileType[1])) {
-					validated = false
+                if (mimetypesBlacklist.includes(fileType[1])) {
+                    validated = false
 
-					events.$emit('alert:open', {
-						emoji: '😬😬😬',
-						title: i18n.t('popup_mimetypes_blacklist.title'),
-						message: i18n.t('popup_mimetypes_blacklist.message', { mimetype: fileType[1] })
-					})
-				}
-			}
-			return validated
-		}
+                    events.$emit('alert:open', {
+                        emoji: '😬😬😬',
+                        title: i18n.t('popup_mimetypes_blacklist.title'),
+                        message: i18n.t('popup_mimetypes_blacklist.message', {mimetype: fileType[1]})
+                    })
+                }
+            }
+            return validated
+        }
 
         Vue.prototype.$checkUploadLimit = function (files) {
             let uploadLimit = store.getters.config.uploadLimit
             let validate = true
 
-            for (let i = 0 ; i<files.length; i++ ) {
-                if(uploadLimit != 0 && files[i].size > uploadLimit) {
+            for (let i = 0; i < files.length; i++) {
+                if (uploadLimit != 0 && files[i].size > uploadLimit) {
                     validate = false
                     events.$emit('alert:open', {
                         emoji: '😟😟😟',
@@ -307,37 +307,39 @@ const Helpers = {
             return validate
         }
 
-		Vue.prototype.$getDataByLocation = function() {
+        Vue.prototype.$getDataByLocation = function () {
 
-			let folder = store.getters.currentFolder
+            let folder = store.getters.currentFolder
 
-			let actions = {
-				'base': ['getFolder', [{ folder: folder, back: true, init: false, sorting: true }]],
-				'public': ['browseShared', [{ folder: folder, back: true, init: false, sorting: true }]],
-				'trash': ['getFolder', [{ folder: folder, back: true, init: false, sorting: true }]],
-				'participant_uploads': ['getParticipantUploads'],
-				'trash-root': ['getTrash'],
-				'latest': ['getLatest'],
-				'shared': ['getShared']
-			}
+            let actions = {
+                'base': ['getFolder', [{folder: folder, back: true, init: false, sorting: true}]],
+                'public': ['browseShared', [{folder: folder, back: true, init: false, sorting: true}]],
+                'trash': ['getFolder', [{folder: folder, back: true, init: false, sorting: true}]],
+                'participant_uploads': ['getParticipantUploads'],
+                'trash-root': ['getTrash'],
+                'latest': ['getLatest'],
+                'shared': ['getShared']
+            }
 
-			this.$store.dispatch(...actions[folder.location])
+            this.$store.dispatch(...actions[folder.location])
 
-			// Get dara of user with favourites tree
-			this.$store.dispatch('getAppData')
+            // Get dara of user with favourites tree
+            this.$store.dispatch('getAppData')
 
-			// Get data of Navigator tree
-			this.$store.dispatch('getFolderTree')
-		}
-
-		Vue.prototype.$checkOS = function() {
-			// Handle styled scrollbar for Windows
-			if (navigator.userAgent.indexOf('Windows') != -1) {
-				let body = document.body
-				body.classList.add('windows')
-			}
+            // Get data of Navigator tree
+            this.$store.dispatch('getFolderTree')
         }
-        Vue.prototype.$isApple = function() {
+
+        // Detect windows
+        Vue.prototype.$checkOS = function () {
+            if (navigator.userAgent.indexOf('Windows') != -1) {
+                let body = document.body
+                body.classList.add('windows')
+            }
+        }
+
+        // Check if device is Apple
+        Vue.prototype.$isApple = function () {
 
             const toMatch = [
                 /iPhone/i,
@@ -346,14 +348,13 @@ const Helpers = {
                 /iOS/i,
                 /macOS/i,
                 /Macintosh/i
-                ]
+            ]
 
-             // Check if device is iOS
             return toMatch.some(toMatchItem => {
                 return navigator.userAgent.match(toMatchItem)
             })
         }
-	}
+    }
 }
 
 export default Helpers
diff --git a/resources/js/router.js b/resources/js/router.js
index c8a5b368..793b3f0d 100644
--- a/resources/js/router.js
+++ b/resources/js/router.js
@@ -367,124 +367,132 @@ const routesAuth = [
 ]
 const routesUser = [
     {
-        name: 'Files',
-        path: '/files',
+        path: '/platform',
+        name: 'Platform',
         component: () =>
-            import(/* webpackChunkName: "chunks/files" */ './views/FilePages/Files'),
-        meta: {
-            requiresAuth: true
-        },
-    },
-    {
-        name: 'SharedFiles',
-        path: '/shared-files',
-        component: () =>
-            import(/* webpackChunkName: "chunks/shared-files" */ './views/FilePages/SharedFiles'),
-        meta: {
-            requiresAuth: true
-        },
-    },
-    {
-        name: 'Settings',
-        path: '/settings',
-        component: () =>
-            import(/* webpackChunkName: "chunks/settings" */ './views/Profile'),
-        meta: {
-            requiresAuth: true
-        },
+            import(/* webpackChunkName: "chunks/platform" */ './views/Platform'),
         children: [
             {
-                name: 'Profile',
-                path: 'profile',
+                name: 'Files',
+                path: '/platform/files',
                 component: () =>
-                    import(/* webpackChunkName: "chunks/profile" */ './views/User/Settings'),
+                    import(/* webpackChunkName: "chunks/files" */ './views/FilePages/Files'),
                 meta: {
-                    requiresAuth: true,
-                    title: i18n.t('routes_title.profile')
+                    requiresAuth: true
                 },
             },
             {
-                name: 'Password',
-                path: '/settings/password',
+                name: 'SharedFiles',
+                path: '/platform/shared-files',
                 component: () =>
-                    import(/* webpackChunkName: "chunks/settings-password" */ './views/User/Password'),
+                    import(/* webpackChunkName: "chunks/shared-files" */ './views/FilePages/SharedFiles'),
                 meta: {
-                    requiresAuth: true,
-                    title: i18n.t('routes_title.settings_password')
+                    requiresAuth: true
                 },
             },
             {
-                name: 'Storage',
-                path: '/settings/storage',
+                name: 'Settings',
+                path: '/platform/settings',
                 component: () =>
-                    import(/* webpackChunkName: "chunks/settings-storage" */ './views/User/Storage'),
+                    import(/* webpackChunkName: "chunks/settings" */ './views/Profile'),
+                meta: {
+                    requiresAuth: true
+                },
+                children: [
+                    {
+                        name: 'Profile',
+                        path: '/platform/profile',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/profile" */ './views/User/Settings'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.profile')
+                        },
+                    },
+                    {
+                        name: 'Password',
+                        path: '/platform/settings/password',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-password" */ './views/User/Password'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.settings_password')
+                        },
+                    },
+                    {
+                        name: 'Storage',
+                        path: '/platform/settings/storage',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-storage" */ './views/User/Storage'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.settings_storage')
+                        },
+                    },
+                    {
+                        name: 'Invoice',
+                        path: '/platform/settings/invoices',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-invoices" */ './views/User/Invoices'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.invoices')
+                        },
+                    },
+                    {
+                        name: 'Subscription',
+                        path: '/platform/settings/subscription',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-subscription" */ './views/User/Subscription'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.subscription')
+                        },
+                    },
+                    {
+                        name: 'PaymentMethods',
+                        path: '/platform/settings/payment-methods',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-payment-methods" */ './views/User/PaymentMethods'),
+                        meta: {
+                            requiresAuth: true,
+                            title: i18n.t('routes_title.payment_methods')
+                        },
+                    },
+                    {
+                        name: 'CreatePaymentMethod',
+                        path: '/platform/settings/create-payment-method',
+                        component: () =>
+                            import(/* webpackChunkName: "chunks/settings-create-payment-methods" */ './views/User/CreatePaymentMethod'),
+                        meta: {
+                            requiresAuth: true,
+                            title: 'Create Payment Method'
+                        },
+                    },
+                ]
+            },
+            {
+                name: 'UpgradePlan',
+                path: '/platform/upgrade/plan',
+                component: () =>
+                    import(/* webpackChunkName: "chunks/upgrade-plan" */ './views/Upgrade/UpgradePlan'),
                 meta: {
                     requiresAuth: true,
-                    title: i18n.t('routes_title.settings_storage')
+                    title: i18n.t('routes_title.upgrade_plan')
                 },
             },
             {
-                name: 'Invoice',
-                path: '/settings/invoices',
+                name: 'UpgradeBilling',
+                path: '/platform/upgrade/billing',
                 component: () =>
-                    import(/* webpackChunkName: "chunks/settings-invoices" */ './views/User/Invoices'),
+                    import(/* webpackChunkName: "chunks/upgrade-billing" */ './views/Upgrade/UpgradeBilling'),
                 meta: {
                     requiresAuth: true,
-                    title: i18n.t('routes_title.invoices')
-                },
-            },
-            {
-                name: 'Subscription',
-                path: '/settings/subscription',
-                component: () =>
-                    import(/* webpackChunkName: "chunks/settings-subscription" */ './views/User/Subscription'),
-                meta: {
-                    requiresAuth: true,
-                    title: i18n.t('routes_title.subscription')
-                },
-            },
-            {
-                name: 'PaymentMethods',
-                path: '/settings/payment-methods',
-                component: () =>
-                    import(/* webpackChunkName: "chunks/settings-payment-methods" */ './views/User/PaymentMethods'),
-                meta: {
-                    requiresAuth: true,
-                    title: i18n.t('routes_title.payment_methods')
-                },
-            },
-            {
-                name: 'CreatePaymentMethod',
-                path: '/settings/create-payment-method',
-                component: () =>
-                    import(/* webpackChunkName: "chunks/settings-create-payment-methods" */ './views/User/CreatePaymentMethod'),
-                meta: {
-                    requiresAuth: true,
-                    title: 'Create Payment Method'
+                    title: i18n.t('routes_title.upgrade_billing')
                 },
             },
         ]
-    },
-    {
-        name: 'UpgradePlan',
-        path: '/upgrade/plan',
-        component: () =>
-            import(/* webpackChunkName: "chunks/upgrade-plan" */ './views/Upgrade/UpgradePlan'),
-        meta: {
-            requiresAuth: true,
-            title: i18n.t('routes_title.upgrade_plan')
-        },
-    },
-    {
-        name: 'UpgradeBilling',
-        path: '/upgrade/billing',
-        component: () =>
-            import(/* webpackChunkName: "chunks/upgrade-billing" */ './views/Upgrade/UpgradeBilling'),
-        meta: {
-            requiresAuth: true,
-            title: i18n.t('routes_title.upgrade_billing')
-        },
-    },
+    }
 ]
 const routesMaintenance = [
     {
diff --git a/resources/js/views/Admin.vue b/resources/js/views/Admin.vue
index 9ad7d86c..06bad398 100644
--- a/resources/js/views/Admin.vue
+++ b/resources/js/views/Admin.vue
@@ -1,6 +1,9 @@
 <template>
     <section id="viewport">
 
+        <!--Navigation Sidebar-->
+        <MenuBar />
+
         <ContentSidebar>
 
             <!--Admin-->
@@ -72,6 +75,7 @@
     import { UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon } from 'vue-feather-icons'
     import ContentSidebar from '@/components/Sidebar/ContentSidebar'
     import ContentGroup from '@/components/Sidebar/ContentGroup'
+    import MenuBar from '@/components/Sidebar/MenuBar'
     import { mapGetters } from 'vuex'
 
     export default {
@@ -80,15 +84,16 @@
             ...mapGetters(['config']),
         },
         components: {
-            MonitorIcon,
-            BoxIcon,
-            DatabaseIcon,
+            ContentSidebar,
             CreditCardIcon,
             FileTextIcon,
-            SettingsIcon,
-            ContentSidebar,
             ContentGroup,
+            DatabaseIcon,
+            SettingsIcon,
+            MonitorIcon,
             UsersIcon,
+            MenuBar,
+            BoxIcon,
         },
     }
 </script>
diff --git a/resources/js/views/Admin/AppSettings/AppSettings.vue b/resources/js/views/Admin/AppSettings/AppSettings.vue
index 80f22a26..2e9f1095 100644
--- a/resources/js/views/Admin/AppSettings/AppSettings.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettings.vue
@@ -105,6 +105,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
index fae0502c..9e36077e 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
@@ -111,9 +111,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
index 7ea41e6a..155fcf6d 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
@@ -158,9 +158,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
index bd6d4881..fef6e198 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
@@ -160,9 +160,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
index dfdba176..4f60d56e 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
@@ -332,9 +332,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
-@import '@assets/vue-file-manager/_forms';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
+@import '@assets/vuefilemanager/_forms';
 
 .block-form {
     max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
index d568f274..5a9d3192 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
@@ -193,9 +193,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
index 359ea3a8..6634db1d 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
@@ -210,9 +210,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Dashboard.vue b/resources/js/views/Admin/Dashboard.vue
index 66e5fa25..9d6ed370 100644
--- a/resources/js/views/Admin/Dashboard.vue
+++ b/resources/js/views/Admin/Dashboard.vue
@@ -144,8 +144,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .dashboard-notice {
         margin-bottom: 20px;
diff --git a/resources/js/views/Admin/Invoices.vue b/resources/js/views/Admin/Invoices.vue
index 7166a591..1af8b18c 100644
--- a/resources/js/views/Admin/Invoices.vue
+++ b/resources/js/views/Admin/Invoices.vue
@@ -163,8 +163,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Pages.vue b/resources/js/views/Admin/Pages.vue
index 5f6ea3a7..2ec7e6ef 100644
--- a/resources/js/views/Admin/Pages.vue
+++ b/resources/js/views/Admin/Pages.vue
@@ -107,8 +107,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Pages/PageEdit.vue b/resources/js/views/Admin/Pages/PageEdit.vue
index 6ebca16e..48157bd3 100644
--- a/resources/js/views/Admin/Pages/PageEdit.vue
+++ b/resources/js/views/Admin/Pages/PageEdit.vue
@@ -110,7 +110,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Plans.vue b/resources/js/views/Admin/Plans.vue
index 5018309a..92a8bbbc 100644
--- a/resources/js/views/Admin/Plans.vue
+++ b/resources/js/views/Admin/Plans.vue
@@ -188,8 +188,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Plans/Plan.vue b/resources/js/views/Admin/Plans/Plan.vue
index 875690f0..af6914fd 100644
--- a/resources/js/views/Admin/Plans/Plan.vue
+++ b/resources/js/views/Admin/Plans/Plan.vue
@@ -85,8 +85,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Plans/PlanCreate.vue b/resources/js/views/Admin/Plans/PlanCreate.vue
index 97478b02..286140dc 100644
--- a/resources/js/views/Admin/Plans/PlanCreate.vue
+++ b/resources/js/views/Admin/Plans/PlanCreate.vue
@@ -174,7 +174,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
index 7b57393e..4504b55a 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
@@ -105,9 +105,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
index ce43139a..54a6c60e 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
@@ -104,9 +104,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
index be440cfa..d7e6b0ea 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
@@ -91,9 +91,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users.vue b/resources/js/views/Admin/Users.vue
index 785f322b..5aabe7dd 100644
--- a/resources/js/views/Admin/Users.vue
+++ b/resources/js/views/Admin/Users.vue
@@ -174,8 +174,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Users/User.vue b/resources/js/views/Admin/Users/User.vue
index f7f4bc39..f3959f97 100644
--- a/resources/js/views/Admin/Users/User.vue
+++ b/resources/js/views/Admin/Users/User.vue
@@ -145,8 +145,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Users/UserCreate.vue b/resources/js/views/Admin/Users/UserCreate.vue
index 70bb535c..bf1392fd 100644
--- a/resources/js/views/Admin/Users/UserCreate.vue
+++ b/resources/js/views/Admin/Users/UserCreate.vue
@@ -226,7 +226,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
index 2deadf8a..f13df100 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
@@ -115,9 +115,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
index 847aad5b..89400b3b 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
@@ -223,9 +223,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue b/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
index 37b71d34..2954f918 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
@@ -107,9 +107,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
index 8a5839a4..26eaac65 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
@@ -78,9 +78,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
index ef186714..ae4ffbcb 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
@@ -153,9 +153,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
index 927e938e..68baa9e6 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
@@ -96,8 +96,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .cancel-plan {
         margin-top: 10px;
diff --git a/resources/js/views/Auth/CreateNewPassword.vue b/resources/js/views/Auth/CreateNewPassword.vue
index 75000163..0ece957f 100644
--- a/resources/js/views/Auth/CreateNewPassword.vue
+++ b/resources/js/views/Auth/CreateNewPassword.vue
@@ -175,6 +175,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/ForgottenPassword.vue b/resources/js/views/Auth/ForgottenPassword.vue
index 5b879ad8..f69213b2 100644
--- a/resources/js/views/Auth/ForgottenPassword.vue
+++ b/resources/js/views/Auth/ForgottenPassword.vue
@@ -126,6 +126,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/SignIn.vue b/resources/js/views/Auth/SignIn.vue
index 2ab72cd1..dc3289f9 100644
--- a/resources/js/views/Auth/SignIn.vue
+++ b/resources/js/views/Auth/SignIn.vue
@@ -219,6 +219,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/SignUp.vue b/resources/js/views/Auth/SignUp.vue
index 3869c7d1..6cf2a63c 100644
--- a/resources/js/views/Auth/SignUp.vue
+++ b/resources/js/views/Auth/SignUp.vue
@@ -191,8 +191,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
 
     .legal-agreement {
         @include font-size(16);
diff --git a/resources/js/views/Frontpage/ContactUs.vue b/resources/js/views/Frontpage/ContactUs.vue
index 498cb56e..6db9dc61 100644
--- a/resources/js/views/Frontpage/ContactUs.vue
+++ b/resources/js/views/Frontpage/ContactUs.vue
@@ -124,10 +124,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .form {
         max-width: 100%;
diff --git a/resources/js/views/Frontpage/DynamicPage.vue b/resources/js/views/Frontpage/DynamicPage.vue
index 146715df..84d83007 100644
--- a/resources/js/views/Frontpage/DynamicPage.vue
+++ b/resources/js/views/Frontpage/DynamicPage.vue
@@ -67,9 +67,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .headline {
         padding-top: 70px;
diff --git a/resources/js/views/Frontpage/Homepage.vue b/resources/js/views/Frontpage/Homepage.vue
index 63bd2c73..3bddd2d6 100644
--- a/resources/js/views/Frontpage/Homepage.vue
+++ b/resources/js/views/Frontpage/Homepage.vue
@@ -85,7 +85,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_landing-page';
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_landing-page';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/views/Mobile/AdminMobileMenu.vue b/resources/js/views/Mobile/AdminMobileMenu.vue
index 362f77ff..16726926 100644
--- a/resources/js/views/Mobile/AdminMobileMenu.vue
+++ b/resources/js/views/Mobile/AdminMobileMenu.vue
@@ -81,8 +81,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-navigation {
         width: 100%;
diff --git a/resources/js/views/Mobile/UserProfileMobileMenu.vue b/resources/js/views/Mobile/UserProfileMobileMenu.vue
index e95db9bf..40be38d7 100644
--- a/resources/js/views/Mobile/UserProfileMobileMenu.vue
+++ b/resources/js/views/Mobile/UserProfileMobileMenu.vue
@@ -80,8 +80,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .mobile-navigation {
         width: 100%;
diff --git a/resources/js/views/Platform.vue b/resources/js/views/Platform.vue
new file mode 100644
index 00000000..574eb0d1
--- /dev/null
+++ b/resources/js/views/Platform.vue
@@ -0,0 +1,123 @@
+<template>
+    <div id="application-wrapper">
+
+        <!--Full File Preview-->
+        <FileFullPreview />
+
+        <!--Mobile Navigation-->
+        <MobileNavigation />
+
+        <!--Processing popup-->
+        <ProcessingPopup />
+
+        <!--Confirm Popup-->
+        <Confirm />
+
+        <!--Share Item popup-->
+        <ShareCreate />
+        <ShareEdit />
+
+        <!--Rename folder/file item-->
+        <RenameItem />
+
+        <!--Create folder mobile UI-->
+        <CreateFolder />
+
+        <!--Move item popup-->
+        <MoveItem />
+
+        <!-- Mobile Menu for Multi selected items -->
+        <MobileMultiSelectMenu />
+
+        <!--Drag UI-->
+        <DragUI />
+
+        <!--Mobile menu for selecting view and sorting-->
+        <MobileSortingAndPreview />
+
+        <!--Mobile Menu-->
+        <MobileMenu />
+
+        <!--Navigation Sidebar-->
+        <MenuBar />
+
+        <!--Toastr-->
+        <ToastrWrapper />
+
+        <!--File page-->
+        <keep-alive :include="['Admin', 'Users']">
+            <router-view :class="{'is-scaled-down': isScaledDown}" />
+        </keep-alive>
+        </div>
+</template>
+
+<script>
+import MobileSortingAndPreview from '@/components/FilesView/MobileSortingAndPreview'
+import MobileMultiSelectMenu from '@/components/FilesView/MobileMultiSelectMenu'
+import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper'
+import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
+import FileFullPreview from '@/components/FilesView/FileFullPreview'
+import MobileNavigation from '@/components/Others/MobileNavigation'
+import CreateFolder from '@/components/Others/CreateFolder'
+import MobileMenu from '@/components/FilesView/MobileMenu'
+import ShareCreate from '@/components/Others/ShareCreate'
+import Confirm from '@/components/Others/Popup/Confirm'
+import RenameItem from '@/components/Others/RenameItem'
+import ShareEdit from '@/components/Others/ShareEdit'
+import MoveItem from '@/components/Others/MoveItem'
+import DragUI from '@/components/FilesView/DragUI'
+import MenuBar from '@/components/Sidebar/MenuBar'
+import {includes} from 'lodash'
+import {mapGetters} from 'vuex'
+import {events} from '@/bus'
+
+export default {
+    name: 'Platform',
+    components: {
+        MobileSortingAndPreview,
+        MobileMultiSelectMenu,
+        MobileNavigation,
+        FileFullPreview,
+        ProcessingPopup,
+        ToastrWrapper,
+        CreateFolder,
+        ShareCreate,
+        MobileMenu,
+        RenameItem,
+        ShareEdit,
+        MoveItem,
+        Confirm,
+        MenuBar,
+        DragUI,
+    },
+    computed: {
+        ...mapGetters([
+            'config'
+        ]),
+    },
+    data() {
+        return {
+            isScaledDown: false
+        }
+    },
+    mounted() {
+        events.$on('show:mobile-navigation', () => this.isScaledDown = true)
+        events.$on('hide:mobile-navigation', () => this.isScaledDown = false)
+        events.$on('mobileMenu:show', () => this.isScaledDown = true)
+        events.$on('fileItem:deselect', () => this.isScaledDown = false)
+        events.$on('mobileSortingAndPreview', state => this.isScaledDown = state)
+    }
+}
+</script>
+
+<style lang="scss">
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
+
+@media only screen and (max-width: 690px) {
+
+    .is-scaled-down {
+        @include transform(scale(0.95));
+    }
+}
+</style>
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index ac26293b..dc02b9bc 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -191,8 +191,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .page-detail-headline {
         display: flex;
diff --git a/resources/js/views/SetupWizard/AdminAccount.vue b/resources/js/views/SetupWizard/AdminAccount.vue
index 5ed57861..9482571b 100644
--- a/resources/js/views/SetupWizard/AdminAccount.vue
+++ b/resources/js/views/SetupWizard/AdminAccount.vue
@@ -205,7 +205,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/AppSetup.vue b/resources/js/views/SetupWizard/AppSetup.vue
index c175076d..3843f2c4 100644
--- a/resources/js/views/SetupWizard/AppSetup.vue
+++ b/resources/js/views/SetupWizard/AppSetup.vue
@@ -231,7 +231,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/BillingsDetail.vue b/resources/js/views/SetupWizard/BillingsDetail.vue
index 30c902a1..b7bc8ada 100644
--- a/resources/js/views/SetupWizard/BillingsDetail.vue
+++ b/resources/js/views/SetupWizard/BillingsDetail.vue
@@ -185,7 +185,7 @@
 
 <style scoped lang="scss">
     //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/Database.vue b/resources/js/views/SetupWizard/Database.vue
index 3d26ae94..2421d038 100644
--- a/resources/js/views/SetupWizard/Database.vue
+++ b/resources/js/views/SetupWizard/Database.vue
@@ -180,7 +180,7 @@
 
 <style scoped lang="scss">
     //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/EnvironmentSetup.vue b/resources/js/views/SetupWizard/EnvironmentSetup.vue
index f015b5ea..2a8f05d9 100644
--- a/resources/js/views/SetupWizard/EnvironmentSetup.vue
+++ b/resources/js/views/SetupWizard/EnvironmentSetup.vue
@@ -450,7 +450,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vue-file-manager/_forms';
-@import '@assets/vue-file-manager/_auth';
-@import '@assets/vue-file-manager/_setup_wizard';
+@import '@assets/vuefilemanager/_forms';
+@import '@assets/vuefilemanager/_auth';
+@import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/InstallationDisclaimer.vue b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
index 3063a88e..7959b55a 100644
--- a/resources/js/views/SetupWizard/InstallationDisclaimer.vue
+++ b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
@@ -138,10 +138,10 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    //@import '@assets/vuefilemanagerr/_auth-form';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 
     #loader {
         position: relative;
diff --git a/resources/js/views/SetupWizard/PurchaseCode.vue b/resources/js/views/SetupWizard/PurchaseCode.vue
index 61bba62c..c31ace86 100644
--- a/resources/js/views/SetupWizard/PurchaseCode.vue
+++ b/resources/js/views/SetupWizard/PurchaseCode.vue
@@ -110,9 +110,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 
     .additional-link {
 
diff --git a/resources/js/views/SetupWizard/StripeCredentials.vue b/resources/js/views/SetupWizard/StripeCredentials.vue
index cd071c14..de5d8cd5 100644
--- a/resources/js/views/SetupWizard/StripeCredentials.vue
+++ b/resources/js/views/SetupWizard/StripeCredentials.vue
@@ -172,7 +172,7 @@
 
 <style scoped lang="scss">
     //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionPlans.vue b/resources/js/views/SetupWizard/SubscriptionPlans.vue
index 58e9cd7b..a56b0d49 100644
--- a/resources/js/views/SetupWizard/SubscriptionPlans.vue
+++ b/resources/js/views/SetupWizard/SubscriptionPlans.vue
@@ -199,7 +199,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_forms';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_forms';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionService.vue b/resources/js/views/SetupWizard/SubscriptionService.vue
index 736cfe5b..659779a8 100644
--- a/resources/js/views/SetupWizard/SubscriptionService.vue
+++ b/resources/js/views/SetupWizard/SubscriptionService.vue
@@ -69,9 +69,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
-    @import '@assets/vue-file-manager/_setup_wizard';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
+    @import '@assets/vuefilemanager/_setup_wizard';
 
     .services {
         margin: 0 auto;
diff --git a/resources/js/views/Shared/NotFoundShared.vue b/resources/js/views/Shared/NotFoundShared.vue
index 2078bb60..2901aa00 100644
--- a/resources/js/views/Shared/NotFoundShared.vue
+++ b/resources/js/views/Shared/NotFoundShared.vue
@@ -49,5 +49,5 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Shared/SharedPage.vue b/resources/js/views/Shared/SharedPage.vue
index 476805b3..ec326ba8 100644
--- a/resources/js/views/Shared/SharedPage.vue
+++ b/resources/js/views/Shared/SharedPage.vue
@@ -313,10 +313,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vue-file-manager/_auth';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_auth-form';
+    @import '@assets/vuefilemanager/_auth';
 
      #files-view {
         font-family: 'Nunito', sans-serif;
diff --git a/resources/js/views/Upgrade/UpgradeBilling.vue b/resources/js/views/Upgrade/UpgradeBilling.vue
index c366f2ae..e79b3517 100644
--- a/resources/js/views/Upgrade/UpgradeBilling.vue
+++ b/resources/js/views/Upgrade/UpgradeBilling.vue
@@ -474,9 +474,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .change-payment {
         padding-top: 10px;
diff --git a/resources/js/views/Upgrade/UpgradePlan.vue b/resources/js/views/Upgrade/UpgradePlan.vue
index 38026897..354f1826 100644
--- a/resources/js/views/Upgrade/UpgradePlan.vue
+++ b/resources/js/views/Upgrade/UpgradePlan.vue
@@ -65,9 +65,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .plan-title {
         text-align: center;
diff --git a/resources/js/views/User/CreatePaymentMethod.vue b/resources/js/views/User/CreatePaymentMethod.vue
index b9796529..89d7c0f7 100644
--- a/resources/js/views/User/CreatePaymentMethod.vue
+++ b/resources/js/views/User/CreatePaymentMethod.vue
@@ -172,9 +172,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .register-card {
         margin-bottom: 25px;
diff --git a/resources/js/views/User/Invoices.vue b/resources/js/views/User/Invoices.vue
index 85be1ed6..bf71899c 100644
--- a/resources/js/views/User/Invoices.vue
+++ b/resources/js/views/User/Invoices.vue
@@ -103,9 +103,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/User/Password.vue b/resources/js/views/User/Password.vue
index e8446582..a2f64f51 100644
--- a/resources/js/views/User/Password.vue
+++ b/resources/js/views/User/Password.vue
@@ -116,9 +116,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/User/PaymentMethods.vue b/resources/js/views/User/PaymentMethods.vue
index 9b107436..cdf1ed26 100644
--- a/resources/js/views/User/PaymentMethods.vue
+++ b/resources/js/views/User/PaymentMethods.vue
@@ -237,9 +237,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .is-deleting {
         opacity: 0.35;
diff --git a/resources/js/views/User/Settings.vue b/resources/js/views/User/Settings.vue
index 2fd43ba4..dd9d1ecb 100644
--- a/resources/js/views/User/Settings.vue
+++ b/resources/js/views/User/Settings.vue
@@ -195,9 +195,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-    @import '@assets/vue-file-manager/_forms';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
+    @import '@assets/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/User/Storage.vue b/resources/js/views/User/Storage.vue
index 27a852ff..918efce1 100644
--- a/resources/js/views/User/Storage.vue
+++ b/resources/js/views/User/Storage.vue
@@ -55,8 +55,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     #single-page {
         overflow: hidden;
diff --git a/resources/js/views/User/Subscription.vue b/resources/js/views/User/Subscription.vue
index f337aaa5..45a1a3b2 100644
--- a/resources/js/views/User/Subscription.vue
+++ b/resources/js/views/User/Subscription.vue
@@ -226,8 +226,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vuefilemanager/_variables';
+    @import '@assets/vuefilemanager/_mixins';
 
     .plan-action {
         margin-top: 10px;
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 43ff842a..cc72ec54 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -1,6 +1,6 @@
 // Fonts
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 #viewport {
   display: flex;
diff --git a/resources/sass/vue-file-manager/_auth-form.scss b/resources/sass/vuefilemanager/_auth-form.scss
similarity index 97%
rename from resources/sass/vue-file-manager/_auth-form.scss
rename to resources/sass/vuefilemanager/_auth-form.scss
index 4187ff50..36c6013d 100644
--- a/resources/sass/vue-file-manager/_auth-form.scss
+++ b/resources/sass/vuefilemanager/_auth-form.scss
@@ -1,5 +1,5 @@
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .form {
 
diff --git a/resources/sass/vue-file-manager/_auth.scss b/resources/sass/vuefilemanager/_auth.scss
similarity index 94%
rename from resources/sass/vue-file-manager/_auth.scss
rename to resources/sass/vuefilemanager/_auth.scss
index a3b4e3f5..4ff02f1b 100644
--- a/resources/sass/vue-file-manager/_auth.scss
+++ b/resources/sass/vuefilemanager/_auth.scss
@@ -1,5 +1,5 @@
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .auth-logo-text {
   @include font-size(22);
diff --git a/resources/sass/vue-file-manager/_forms.scss b/resources/sass/vuefilemanager/_forms.scss
similarity index 98%
rename from resources/sass/vue-file-manager/_forms.scss
rename to resources/sass/vuefilemanager/_forms.scss
index 8b544aed..f1469b97 100644
--- a/resources/sass/vue-file-manager/_forms.scss
+++ b/resources/sass/vuefilemanager/_forms.scss
@@ -1,5 +1,5 @@
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 .form {
   max-width: 700px;
diff --git a/resources/sass/vue-file-manager/_inapp-forms.scss b/resources/sass/vuefilemanager/_inapp-forms.scss
similarity index 92%
rename from resources/sass/vue-file-manager/_inapp-forms.scss
rename to resources/sass/vuefilemanager/_inapp-forms.scss
index 4b84e8c9..5797013e 100644
--- a/resources/sass/vue-file-manager/_inapp-forms.scss
+++ b/resources/sass/vuefilemanager/_inapp-forms.scss
@@ -1,5 +1,5 @@
-@import '@assets/vue-file-manager/_variables';
-@import '@assets/vue-file-manager/_mixins';
+@import '@assets/vuefilemanager/_variables';
+@import '@assets/vuefilemanager/_mixins';
 
 // Forms
 .form-wrapper {
diff --git a/resources/sass/vue-file-manager/_landing-page.scss b/resources/sass/vuefilemanager/_landing-page.scss
similarity index 100%
rename from resources/sass/vue-file-manager/_landing-page.scss
rename to resources/sass/vuefilemanager/_landing-page.scss
diff --git a/resources/sass/vue-file-manager/_mixins.scss b/resources/sass/vuefilemanager/_mixins.scss
similarity index 100%
rename from resources/sass/vue-file-manager/_mixins.scss
rename to resources/sass/vuefilemanager/_mixins.scss
diff --git a/resources/sass/vue-file-manager/_setup_wizard.scss b/resources/sass/vuefilemanager/_setup_wizard.scss
similarity index 100%
rename from resources/sass/vue-file-manager/_setup_wizard.scss
rename to resources/sass/vuefilemanager/_setup_wizard.scss
diff --git a/resources/sass/vue-file-manager/_variables.scss b/resources/sass/vuefilemanager/_variables.scss
similarity index 100%
rename from resources/sass/vue-file-manager/_variables.scss
rename to resources/sass/vuefilemanager/_variables.scss