diff --git a/src/components/modals/main/marketplace/sections/Marketplace.jsx b/src/components/modals/main/marketplace/sections/Marketplace.jsx
index 8b30da9d..885df875 100644
--- a/src/components/modals/main/marketplace/sections/Marketplace.jsx
+++ b/src/components/modals/main/marketplace/sections/Marketplace.jsx
@@ -7,6 +7,7 @@ import {
   MdOutlineKeyboardArrowRight,
   MdSearch,
   MdOutlineArrowForward,
+  MdLibraryAdd,
 } from 'react-icons/md';
 
 import Item from '../Item';
@@ -36,6 +37,7 @@ export default class Marketplace extends PureComponent {
       install: (
         <button onClick={() => this.manage('install')}>
           {variables.getMessage('modals.main.marketplace.product.buttons.addtomue')}
+          <MdLibraryAdd />
         </button>
       ),
     };
@@ -181,6 +183,30 @@ export default class Marketplace extends PureComponent {
     variables.stats.postEvent('marketplace', type === 'install' ? 'Install' : 'Uninstall');
   }
 
+  async installCollection() {
+    this.setState({ busy: true });
+    try {
+      const installed = JSON.parse(localStorage.getItem('installed'));
+      for (const item of this.state.items) {
+        if (installed.some((i) => i.name === item.display_name)) continue; // don't install if already installed
+        let { data } = await (
+          await fetch(`${variables.constants.MARKETPLACE_URL}/item/${item.type}/${item.name}`, {
+            signal: this.controller.signal,
+          })
+        ).json();
+        install(data.type, data);
+        variables.stats.postEvent('marketplace-item', `${item.display_name} installed}`);
+        variables.stats.postEvent('marketplace', 'Install');
+      }
+      toast(variables.getMessage('toasts.installed'));
+    } catch (error) {
+      console.error(error);
+      toast(variables.getMessage('toasts.error'));
+    } finally {
+      this.setState({ busy: false });
+    }
+  }
+
   sortMarketplace(value, sendEvent) {
     let items = this.state.oldItems;
     switch (value) {
@@ -342,13 +368,22 @@ export default class Marketplace extends PureComponent {
                 backgroundImage: `linear-gradient(to bottom, transparent, black), url('${this.state.collectionImg}')`,
               }}
             >
+              <div className="nice-tag">
+                {variables.getMessage('modals.main.marketplace.collection')}
+              </div>
               <div className="content">
                 <span className="mainTitle">{this.state.collectionTitle}</span>
                 <span className="subtitle">{this.state.collectionDescription}</span>
               </div>
-              <div className="nice-tag">
-                {variables.getMessage('modals.main.marketplace.collection')}
-              </div>
+
+              <button
+                className="addAllButton"
+                onClick={() => this.installCollection()}
+                disabled={this.state.busy}
+              >
+                {variables.getMessage('modals.main.marketplace.add_all')}
+                <MdLibraryAdd />
+              </button>
             </div>
           </>
         ) : (
diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss
index 9ebf2caf..eb114fb6 100644
--- a/src/components/modals/main/scss/marketplace/_main.scss
+++ b/src/components/modals/main/scss/marketplace/_main.scss
@@ -27,11 +27,13 @@
     background-repeat: no-repeat;
     background-size: cover;
 
-    @include themed() {
+    @include themed {
       background-color: t($modal-secondaryColour);
       box-shadow: 0 0 0 1px t($modal-sidebarActive);
+
       &:hover {
         background-color: t($modal-sidebarActive);
+
         img {
           background-color: t($modal-sidebarActive);
         }
@@ -42,16 +44,16 @@
       margin-top: 7px;
     }
 
-     .item-back {
-       filter: blur(60px) saturate(180%) brightness(90%);
-       -webkit-filter: blur(60px) saturate(180%) brightness(90%);
-       position: absolute;
-       object-fit: cover !important;
-       height: 90px !important;
-       width: 100px !important;
-       border-radius: 100px;
-       transition: 0.5s;
-       margin-top: 30px;
+    .item-back {
+      filter: blur(60px) saturate(180%) brightness(90%);
+      filter: blur(60px) saturate(180%) brightness(90%);
+      position: absolute;
+      object-fit: cover !important;
+      height: 90px !important;
+      width: 100px !important;
+      border-radius: 100px;
+      transition: 0.5s;
+      margin-top: 30px;
     }
 
     .item-icon {
@@ -77,7 +79,7 @@
       .card-subtitle {
         font-size: 14px;
 
-        @include themed() {
+        @include themed {
           color: t($subColor);
         }
       }
@@ -86,15 +88,16 @@
         margin-top: 8px;
         font-size: 12px;
         font-weight: bolder;
-        @include themed() {
+        @include themed {
           color: t($subColor);
         }
+
         border-radius: 150px;
         padding: 2px 8px;
         backdrop-filter: blur(16px) saturate(180%);
-        -webkit-backdrop-filter: blur(16px) saturate(180%);
-        background-color: rgba(255, 255, 255, 0.1);
-        border: 1px solid rgba(209, 213, 219, 0.3);
+        backdrop-filter: blur(16px) saturate(180%);
+        background-color: rgb(255 255 255 / 10%);
+        border: 1px solid rgb(209 213 219 / 30%);
       }
     }
   }
@@ -137,7 +140,7 @@
     border-radius: 15px;
     width: 25%;
     max-height: 450px;
-  
+
     .front {
       padding: 20px;
       height: 100%;
@@ -148,24 +151,23 @@
       box-sizing: border-box !important;
       border-radius: 12px 12px 0 0;
       backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-      -webkit-backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-      @include themed() {
-      background-image: linear-gradient(to bottom, transparent, t($modal-background));
+      backdrop-filter: blur(40px) saturate(150%) brightness(75%);
+      @include themed {
+        background-image: linear-gradient(to bottom, transparent, t($modal-background));
       }
     }
 
-    
     .icon {
       width: 100%;
       height: auto;
       border-radius: 12px;
       box-shadow: 0 5px 25px black;
     }
-  
+
     .divider {
       text-transform: uppercase;
 
-      @include themed() {
+      @include themed {
         color: t($subColor);
       }
     }
@@ -175,6 +177,7 @@
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 1fr;
       grid-gap: 20px;
+
       button {
         width: 100%;
         padding: 0;
@@ -192,17 +195,17 @@
 }
 
 .tag {
-  padding: 2px 10px 2px 10px;
+  padding: 2px 10px;
   border-radius: 12px;
   font-size: 12px;
   display: grid;
   place-items: center;
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
 
     span {
-      &:before {
+      &::before {
         content: '#';
         color: t($subColor);
         margin-right: 5px;
@@ -216,18 +219,18 @@
 }
 
 .moreTag {
-  padding: 2px 10px 2px 10px;
+  padding: 2px 10px;
   border-radius: 12px;
   font-size: 12px;
   display: grid;
   place-items: center;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
 
     span {
-      &:before {
+      &::before {
         content: '+';
         color: t($subColor);
         margin-right: 5px;
@@ -253,7 +256,7 @@
   grid-gap: 5px;
   padding: 50px;
 
-  @include themed() {
+  @include themed {
     .sideloadIcon {
       font-size: 50px;
       color: t($subColor);
@@ -272,21 +275,26 @@
   flex-flow: column;
   text-align: center;
   align-items: center;
+
   img {
     width: 200px;
     height: auto;
   }
+
   svg {
     font-size: 70px;
+
     /* background: -webkit-linear-gradient(90deg,rgba(255,92,39,.7) 37%,rgba(255,70,110,.67) 60%);
     -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;*/
+    -webkit-text-fill-color: transparent; */
   }
+
   button {
     svg {
       font-size: 1rem;
     }
   }
+
   .buttonsRow {
     display: flex;
     flex-flow: row;
@@ -316,11 +324,13 @@ p.author {
   border-radius: 12px;
   cursor: pointer;
   margin-right: 25px;
+
   svg {
     font-size: 2em;
   }
+
   &:hover {
-    background: rgba(121, 121, 121, 0.226);
+    background: rgb(121 121 121 / 22.6%);
   }
 }
 
@@ -333,7 +343,7 @@ p.author {
   flex-direction: column;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
@@ -366,7 +376,7 @@ p.author {
   align-items: center;
   margin-top: 15px;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     border-radius: t($borderRadius);
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
@@ -388,17 +398,18 @@ p.author {
 }
 
 .collectionPage {
-  height: 200px;
+  // height: 200px;
+  padding: 1.5rem;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
-  gap: 25px;
+  gap: 15px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 
-  @include themed() {
+  @include themed {
     border-radius: t($borderRadius);
   }
 
@@ -406,16 +417,18 @@ p.author {
     border-radius: 150px;
     padding: 1px 12px;
     backdrop-filter: blur(16px) saturate(180%);
-    -webkit-backdrop-filter: blur(16px) saturate(180%);
-    background-color: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(209, 213, 219, 0.3);
+    backdrop-filter: blur(16px) saturate(180%);
+    background-color: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(209 213 219 / 30%);
     color: #fff;
   }
+
   .content {
     display: flex;
     flex-flow: column;
     text-align: center;
     text-shadow: #000 0 0 15px;
+
     .mainTitle {
       justify-content: center;
       color: #fff !important;
@@ -425,6 +438,26 @@ p.author {
       color: #ccc !important;
     }
   }
+
+  .addAllButton {
+    margin: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    padding: 1px 12px;
+    backdrop-filter: blur(16px) saturate(180%) !important;
+    backdrop-filter: blur(16px) saturate(180%) !important;
+    background-color: rgb(255 255 255 / 10%) !important;
+    border: 1px solid rgb(209 213 219 / 30%) !important;
+    color: #fff !important;
+
+    &:hover {
+      backdrop-filter: blur(16px) saturate(180%) !important;
+      backdrop-filter: blur(16px) saturate(180%) !important;
+      background-color: rgb(17 25 40 / 20%) !important;
+      border: 1px solid rgb(255 255 255 / 12.5%) !important;
+    }
+  }
 }
 
 .collection {
@@ -437,7 +470,7 @@ p.author {
   background-repeat: no-repeat;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 1px t($modal-sidebarActive);
     border-radius: t($borderRadius);
   }
@@ -469,15 +502,16 @@ p.author {
     gap: 15px;
     padding: 1px 12px;
     backdrop-filter: blur(16px) saturate(180%);
-    -webkit-backdrop-filter: blur(16px) saturate(180%);
-    background-color: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(209, 213, 219, 0.3);
+    backdrop-filter: blur(16px) saturate(180%);
+    background-color: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(209 213 219 / 30%);
     color: #fff;
+
     &:hover {
       backdrop-filter: blur(16px) saturate(180%);
-      -webkit-backdrop-filter: blur(16px) saturate(180%);
-      background-color: rgba(17, 25, 40, 0.2);
-      border: 1px solid rgba(255, 255, 255, 0.125);
+      backdrop-filter: blur(16px) saturate(180%);
+      background-color: rgb(17 25 40 / 20%);
+      border: 1px solid rgb(255 255 255 / 12.5%);
     }
   }
 }
@@ -485,14 +519,14 @@ p.author {
 a.collectionButton {
   height: 40px;
   text-decoration: none;
-  @include themed() {
+  @include themed {
     border-radius: t($borderRadius);
   }
 }
 
 .smallBanner {
   button {
-    padding: 0 15px 0 15px;
+    padding: 0 15px;
   }
 
   display: flex;
@@ -501,7 +535,7 @@ a.collectionButton {
   margin-top: 15px;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
     background: t($modal-sidebar);
@@ -528,15 +562,15 @@ a.collectionButton {
   padding: 10px 30px;
   border-radius: 10px;
   font-size: 18px;
-  @include themed() {
-    background: t($modal-sidebarActive);
+  @include themed {
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
     background: t($modal-sidebar);
   }
+
   input {
     all: unset;
   }
-  @include themed() {
+  @include themed {
     &:focus-within {
       background: t($modal-sidebarActive);
       box-shadow: 0 0 0 1px t($color);
@@ -557,7 +591,7 @@ a.collectionButton {
   gap: 15px;
   padding: 15px;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
   }
@@ -569,6 +603,7 @@ a.collectionButton {
   gap: 20px;
   align-items: center;
   margin-top: 30px;
+
   svg {
     font-size: 30px;
   }
diff --git a/src/translations/de_DE.json b/src/translations/de_DE.json
index 00184b0b..1c147b72 100644
--- a/src/translations/de_DE.json
+++ b/src/translations/de_DE.json
@@ -502,6 +502,7 @@
         "no_items": "Keine Einträge in dieser Kategorie",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/en_GB.json b/src/translations/en_GB.json
index 0c1ce6ab..1d54240a 100644
--- a/src/translations/en_GB.json
+++ b/src/translations/en_GB.json
@@ -499,6 +499,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -711,4 +712,4 @@
     "no_storage": "Not enough storage",
     "link_copied": "Link copied"
   }
-}
\ No newline at end of file
+}
diff --git a/src/translations/en_US.json b/src/translations/en_US.json
index eb78cd63..b39324df 100644
--- a/src/translations/en_US.json
+++ b/src/translations/en_US.json
@@ -502,6 +502,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/es.json b/src/translations/es.json
index f57c25ab..4503befc 100644
--- a/src/translations/es.json
+++ b/src/translations/es.json
@@ -502,6 +502,7 @@
         "no_items": "No hay artículos en esta categoría",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/es_419.json b/src/translations/es_419.json
index 4ccd6562..b3fac70a 100644
--- a/src/translations/es_419.json
+++ b/src/translations/es_419.json
@@ -514,6 +514,7 @@
         "no_items": "No hay artículos en esta categoría",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/fr.json b/src/translations/fr.json
index 926f026e..945d7396 100644
--- a/src/translations/fr.json
+++ b/src/translations/fr.json
@@ -502,6 +502,7 @@
         "no_items": "Aucun article dans cette catégorie",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/id_ID.json b/src/translations/id_ID.json
index bc99c4c3..e3de3d39 100644
--- a/src/translations/id_ID.json
+++ b/src/translations/id_ID.json
@@ -502,6 +502,7 @@
         "no_items": "Tidak ada item pada kategori ini",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/nl.json b/src/translations/nl.json
index 91cfcd62..9b1c91af 100644
--- a/src/translations/nl.json
+++ b/src/translations/nl.json
@@ -502,6 +502,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/no.json b/src/translations/no.json
index bbb7c102..9d3b76f4 100644
--- a/src/translations/no.json
+++ b/src/translations/no.json
@@ -502,6 +502,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/pt_BR.json b/src/translations/pt_BR.json
index 4aa3d7f7..62f7853b 100644
--- a/src/translations/pt_BR.json
+++ b/src/translations/pt_BR.json
@@ -510,6 +510,7 @@
         "no_items": "Não há itens nesta categoria",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/ru.json b/src/translations/ru.json
index cfa534ef..950ba804 100644
--- a/src/translations/ru.json
+++ b/src/translations/ru.json
@@ -502,6 +502,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
diff --git a/src/translations/tr_TR.json b/src/translations/tr_TR.json
index 3eaa698d..120f81fc 100644
--- a/src/translations/tr_TR.json
+++ b/src/translations/tr_TR.json
@@ -499,6 +499,7 @@
         "no_items": "Bu kategoride öğe yok",
         "collection": "Koleksiyon",
         "explore_collection": "Koleksiyonu Keşfedin",
+        "add_all": "Add All To Mue",
         "collections": "Koleksiyonlar",
         "cant_find": "Aradığınızı bulamıyor musunuz?",
         "knowledgebase_one": "Kendiniz oluşturmak için ",
diff --git a/src/translations/zh_CN.json b/src/translations/zh_CN.json
index 9ec77c4b..573c8509 100644
--- a/src/translations/zh_CN.json
+++ b/src/translations/zh_CN.json
@@ -502,6 +502,7 @@
         "no_items": "本类别为空",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",