diff --git a/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js b/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js
index 13c5d14e6..ee5f1fcf6 100644
--- a/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js
+++ b/src/assets/jss/material-kit-pro-react/components/customCarouselStyle.js
@@ -3,6 +3,7 @@ const customCarouselStyle = {
borderRadius: "6px",
overflow: "hidden",
backgroundColor: "#42475A",
+ marginBottom: "30px",
},
slider: {
width: "100%",
diff --git a/src/components/CustomCarousel/CustomCarousel.js b/src/components/CustomCarousel/CustomCarousel.js
index bbea8f6f3..fb66116fb 100644
--- a/src/components/CustomCarousel/CustomCarousel.js
+++ b/src/components/CustomCarousel/CustomCarousel.js
@@ -34,25 +34,22 @@ function useResize() {
left: 0,
});
- React.useEffect(() => {
- // console.log('Mount');
- return () => {
- // console.log('unMount');
- const uninstall = reSizer.current.uninstall;
- if (uninstall && refDom.current) {
- uninstall(refDom.current);
+ React.useEffect(
+ () => () => {
+ if (reSizer.current && reSizer.current.uninstall && refDom.current) {
+ reSizer.current.uninstall(refDom.current);
}
refDom.current = undefined;
reSizer.current = undefined;
- };
- }, []);
+ },
+ []
+ );
const ref = React.useCallback((dom) => {
- const listenTo = reSizer.current.listenTo;
- if (dom && listenTo) {
+ if (reSizer.current && reSizer.current.listenTo && !refDom.current && dom) {
refDom.current = dom;
- listenTo(refDom.current, (element) =>
+ reSizer.current.listenTo(refDom.current, (element) =>
setRect(element.getBoundingClientRect())
);
}
diff --git a/src/features/liquidity/LiquidityPage.js b/src/features/liquidity/LiquidityPage.js
index db2640401..31ccc135c 100644
--- a/src/features/liquidity/LiquidityPage.js
+++ b/src/features/liquidity/LiquidityPage.js
@@ -31,7 +31,7 @@ export default function LiquidityPage() {
color="success"
/>
-
+ {/* */}
>
);