diff --git a/src/components/modals/main/marketplace/Items.jsx b/src/components/modals/main/marketplace/Items.jsx
index b99b40df..8acc7075 100644
--- a/src/components/modals/main/marketplace/Items.jsx
+++ b/src/components/modals/main/marketplace/Items.jsx
@@ -1,6 +1,6 @@
 import variables from 'modules/variables';
 import React, { useState } from 'react';
-import { MdAutoFixHigh, MdOutlineArrowForward, MdExpandMore } from 'react-icons/md';
+import { MdAutoFixHigh, MdOutlineArrowForward, MdExpandMore, MdOutlineOpenInNew } from 'react-icons/md';
 
 export default function Items({
   type,
@@ -30,17 +30,21 @@ export default function Items({
         <>
           <div
             className="collection"
-            style={{
-              backgroundImage: `linear-gradient(to left, #000, transparent, #000), url('${collection.img}')`,
-            }}
+            style={collection.news ? {backgroundColor: collection.background_colour} : {backgroundImage: `linear-gradient(to left, #000, transparent, #000), url('${collection.img}')`}}
           >
             <div className="content">
               <span className="title">{collection.display_name}</span>
               <span className="subtitle">{collection.description}</span>
             </div>
-            <button className="nice-button" onClick={() => collectionFunction(collection.name)}>
-              <MdOutlineArrowForward /> {getMessage('modals.main.marketplace.explore_collection')}
-            </button>
+            {collection.news === true ? (
+              <a className="nice-button" href={collection.news_link}>
+                Learn More <MdOutlineOpenInNew />
+              </a>
+            ) : (
+              <button className="nice-button" onClick={() => collectionFunction(collection.name)}>
+                <MdOutlineArrowForward /> {getMessage('modals.main.marketplace.explore_collection')}
+              </button>
+            )}
           </div>
         </>
       ) : null}
diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss
index 748ed751..7e408310 100644
--- a/src/components/modals/main/scss/marketplace/_main.scss
+++ b/src/components/modals/main/scss/marketplace/_main.scss
@@ -381,7 +381,6 @@ p.author {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
-  background-image: linear-gradient(to left, transparent, #000);
   align-items: center;
 
   @include themed() {
@@ -408,7 +407,7 @@ p.author {
     justify-content: center;
   }
 
-  button.nice-button {
+  button.nice-button, a.nice-button{
     display: flex;
     align-items: center;
     gap: 15px;
@@ -427,6 +426,14 @@ p.author {
   }
 }
 
+a.nice-button {
+  height: 40px;
+  text-decoration: none;
+  @include themed() {
+    border-radius: t($borderRadius);
+  }
+}
+
 .smallBanner {
   button {
     padding: 0 15px 0 15px;