diff --git a/src/components/Elements/MainModal/scss/marketplace/_main.scss b/src/components/Elements/MainModal/scss/marketplace/_main.scss
index efa755de..8498104a 100644
--- a/src/components/Elements/MainModal/scss/marketplace/_main.scss
+++ b/src/components/Elements/MainModal/scss/marketplace/_main.scss
@@ -151,31 +151,24 @@
     border-radius: 15px;
     width: 30%;
     max-width: 300px;
-    max-height: 700px;
+    // max-height: 700px;
 
-    .front {
-      padding: 20px;
-      height: 100%;
-      display: flex;
-      flex-flow: column;
-      gap: 15px;
-      width: 100%;
-      box-sizing: border-box !important;
-      border-radius: 12px 12px 0 0;
-      backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-
-      @include themed {
-        background-image: linear-gradient(to bottom, transparent, t($modal-background));
-      }
-    }
+    padding: 20px;
+    height: 100%;
+    display: flex;
+    flex-flow: column;
+    gap: 15px;
+    width: 100%;
+    box-sizing: border-box !important;
+    border-radius: 12px;
 
     .icon {
       width: 100%;
       height: auto;
       border-radius: 12px;
-      box-shadow: 0 5px 25px black;
+      box-shadow: 0 5px 25px rgba(0, 0, 0, .75);
       aspect-ratio: 1 / 1;
-      object-fit: contain;
+      object-fit: cover;
     }
 
     .divider {
@@ -274,9 +267,9 @@ p.author {
   margin-top: -5px;
 }
 
-#item > img,
+#item>img,
 .updateImage,
-.updateChangelog > p > img {
+.updateChangelog>p>img {
   border-radius: 12px;
   height: 200px;
   width: auto;
diff --git a/src/features/marketplace/views/ItemPage.jsx b/src/features/marketplace/views/ItemPage.jsx
index 278a805f..c8271472 100644
--- a/src/features/marketplace/views/ItemPage.jsx
+++ b/src/features/marketplace/views/ItemPage.jsx
@@ -198,77 +198,76 @@ const ItemPage = () => {
       <div
         className="itemInfo"
         style={{
-          backgroundImage: `url("${selectedItem?.icon_url || placeholderIcon}")`,
+          // backgroundImage: `linear-gradient(to bottom, ${selectedItem.colour}FF, ${selectedItem}FF)`,
+          backgroundImage: `radial-gradient(circle at center top, ${selectedItem.colour}80, ${selectedItem.colour}20)`,
+          // backgroundColor: selectedItem.colour,
         }}
       >
-        <div className="front">
-          <img
-            className="icon"
-            alt="icon"
-            draggable={false}
-            src={selectedItem?.icon_url}
-            onError={(e) => {
-              e.target.onerror = null;
-              e.target.src = placeholderIcon;
-            }}
+        <img
+          className="icon"
+          alt="icon"
+          draggable={false}
+          src={selectedItem?.icon_url}
+          onError={(e) => {
+            e.target.onerror = null;
+            e.target.src = placeholderIcon;
+          }}
+        />
+        {localStorage.getItem('welcomePreview') !== 'true' ? (
+          <Button
+            type="settings"
+            onClick={() => this.manage('install')}
+            icon={<MdLibraryAdd />}
+            label={variables.getMessage('marketplace:product.buttons.addtomue')}
           />
-          {localStorage.getItem('welcomePreview') !== 'true' ? (
+        ) : (
+          <p style={{ textAlign: 'center' }}>
+            {variables.getMessage('marketplace:product.buttons.not_available_preview')}
+          </p>
+        )}
+        {selectedItem?.sideload !== true && (
+          <div className="iconButtons">
             <Button
-              type="settings"
-              onClick={() => this.manage('install')}
-              icon={<MdLibraryAdd />}
-              label={variables.getMessage('marketplace:product.buttons.addtomue')}
+              type="icon"
+              onClick={() => setShareModal(true)}
+              icon={<MdIosShare />}
+              tooltipTitle={variables.getMessage('widgets.quote.share')}
+              tooltipKey="share"
             />
-          ) : (
-            <p style={{ textAlign: 'center' }}>
-              {variables.getMessage('marketplace:product.buttons.not_available_preview')}
-            </p>
-          )}
-          {selectedItem?.sideload !== true && (
-            <div className="iconButtons">
-              <Button
-                type="icon"
-                onClick={() => setShareModal(true)}
-                icon={<MdIosShare />}
-                tooltipTitle={variables.getMessage('widgets.quote.share')}
-                tooltipKey="share"
-              />
-              <Button
-                type="icon"
-                onClick={() =>
-                  window.open(
-                    variables.constants.REPORT_ITEM +
-                      selectedItem?.display_name.split(' ').join('+'),
-                    '_blank',
-                  )
-                }
-                icon={<MdFlag />}
-                tooltipTitle={variables.getMessage('marketplace:product.buttons.report')}
-                tooltipKey="report"
-              />
-            </div>
-          )}
-          {selectedItem?.in_collections?.length > 0 && (
-            <div>
-              <div className="inCollection">
-                <span className="subtitle">
-                  {variables.getMessage('marketplace:product.part_of')}
-                </span>
-                <span
-                  className="title"
-                  /*onClick={() =>
+            <Button
+              type="icon"
+              onClick={() =>
+                window.open(
+                  variables.constants.REPORT_ITEM + selectedItem?.display_name.split(' ').join('+'),
+                  '_blank',
+                )
+              }
+              icon={<MdFlag />}
+              tooltipTitle={variables.getMessage('marketplace:product.buttons.report')}
+              tooltipKey="report"
+            />
+          </div>
+        )}
+        {selectedItem?.in_collections?.length > 0 && (
+          <div>
+            <div className="inCollection">
+              <span className="subtitle">
+                {variables.getMessage('marketplace:product.part_of')}
+              </span>
+              <span
+                className="title"
+                /*onClick={() =>
                       this.props.toggleFunction(
                         'collection',
                         selectedItem?.in_collections[0].name,
                       )
                     }*/
-                >
-                  {selectedItem?.in_collections[0].display_name}
-                </span>
-              </div>
+              >
+                {selectedItem?.in_collections[0].display_name}
+              </span>
             </div>
-          )}
-        </div>
+          </div>
+        )}
       </div>
     );
   };