diff --git a/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx b/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx
index e78f90e2..3bd8ee34 100644
--- a/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx
+++ b/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx
@@ -1,4 +1,5 @@
import React from "react";
+import { MdOutlineArrowForwardIos, MdOutlineArrowBackIos } from 'react-icons/md';
export const PrevButton = ({ enabled, onClick }) => (
);
@@ -18,8 +17,6 @@ export const NextButton = ({ enabled, onClick }) => (
onClick={onClick}
disabled={!enabled}
>
-
+
);
diff --git a/src/components/modals/main/marketplace/Items.jsx b/src/components/modals/main/marketplace/Items.jsx
index fda672d6..e3bc3c5a 100644
--- a/src/components/modals/main/marketplace/Items.jsx
+++ b/src/components/modals/main/marketplace/Items.jsx
@@ -62,8 +62,14 @@ export default function Items({
))}
- Show More
- Showing {count} / {items.length}
+ {(count !== items.length && items.length >= 8) ? (
+ Show More
+ ) : null}
+ {items.length <= 8 ? (
+ Showing {items.length} / {items.length}
+ ) : (
+ Showing {count} / {items.length}
+ )}
{type === 'all' && !onCollection ? (
diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss
index 8dc46326..45128649 100644
--- a/src/components/modals/main/scss/marketplace/_main.scss
+++ b/src/components/modals/main/scss/marketplace/_main.scss
@@ -533,18 +533,18 @@ p.author {
.embla__button {
outline: 0;
cursor: pointer;
- background-color: transparent;
touch-action: manipulation;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
border: 0;
- width: 30px;
- height: 30px;
+ width: 30px !important;
+ height: 30px !important;
+ display: grid;
+ place-items: center;
justify-content: center;
align-items: center;
- fill: #1bcacd;
padding: 0;
}