diff --git a/src/components/modals/main/marketplace/Item.jsx b/src/components/modals/main/marketplace/Item.jsx
index ce1b8820..3b2fc097 100644
--- a/src/components/modals/main/marketplace/Item.jsx
+++ b/src/components/modals/main/marketplace/Item.jsx
@@ -14,6 +14,7 @@ import {
MdTranslate,
MdKeyboardArrowDown,
MdKeyboardArrowUp,
+ MdOutlineKeyboardArrowRight,
} from 'react-icons/md';
import Modal from 'react-modal';
@@ -108,26 +109,22 @@ export default class Item extends PureComponent {
/>
-
-
-
-
-
-
{getMessage('modals.main.navbar.marketplace')}
+
+ {getMessage('modals.main.navbar.marketplace')}
+ {this.props.data.display_name}
+
-
- {this.props.data.display_name}
- {this.props.data.author}
-

this.setState({ showLightbox: true })}
/>
-
{getMessage('modals.main.marketplace.product.description')}
+
+ {getMessage('modals.main.marketplace.product.description')}
+
- {getMessage('modals.main.marketplace.product.no_quotes')}
+
+ {getMessage('modals.main.marketplace.product.no_quotes')}
+
{this.props.data.data.quotes.length}
@@ -185,7 +184,9 @@ export default class Item extends PureComponent {
- {getMessage('modals.main.marketplace.product.no_images')}
+
+ {getMessage('modals.main.marketplace.product.no_images')}
+
{this.props.data.data.photos.length}
@@ -194,7 +195,9 @@ export default class Item extends PureComponent {
- {getMessage('modals.main.settings.sections.language.title')}
+
+ {getMessage('modals.main.settings.sections.language.title')}
+
{this.props.data.data.language}
@@ -237,7 +240,9 @@ export default class Item extends PureComponent {
{this.props.data.data.collection ? (
- {getMessage('modals.main.marketplace.product.part_of')}
+
+ {getMessage('modals.main.marketplace.product.part_of')}
+
{this.props.data.data.collection}
diff --git a/src/components/modals/main/marketplace/sections/Marketplace.jsx b/src/components/modals/main/marketplace/sections/Marketplace.jsx
index a8a2f8c0..0429d666 100644
--- a/src/components/modals/main/marketplace/sections/Marketplace.jsx
+++ b/src/components/modals/main/marketplace/sections/Marketplace.jsx
@@ -1,7 +1,7 @@
import variables from 'modules/variables';
import { PureComponent } from 'react';
import { toast } from 'react-toastify';
-import { MdWifiOff, MdLocalMall, MdArrowBack } from 'react-icons/md';
+import { MdWifiOff, MdLocalMall, MdArrowBack, MdOutlineKeyboardArrowRight } from 'react-icons/md';
import Tooltip from '../../../../helpers/tooltip/Tooltip';
@@ -299,12 +299,13 @@ export default class Marketplace extends PureComponent {
{this.state.collection === true ? (
<>
-
-
- this.returnToMain()} />
-
-
-
{this.getMessage('modals.main.navbar.marketplace')}
+
this.returnToMain()}>
+
+ {this.getMessage('modals.main.settings.sections.background.title')}
+
+ {' '}
+ Collection
+
>
) : (