diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx
index a3998396..8d854851 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx
@@ -16,6 +16,7 @@ import {
} from "../../../../actions/playActions";
import { $L } from "../../../../utils/helperMethods";
import css from "./PopularVideoCard.module.less";
+import CustomImage from "../../../../components/CustomImage/CustomImage";
const SpottableComponent = Spottable("div");
@@ -126,7 +127,12 @@ export default function PopularVideoCard({
>
{thumbnailImgPath && (
-
+
)}
diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less
index b76ef696..475b0318 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less
@@ -28,6 +28,7 @@
}
> figure:nth-child(1) {
+ .size(@w: 1002px, @h: 564px);
.position(@position: absolute, @top: 0, @right: 0, @left: 0);
z-index: -1;
.flex();
@@ -36,7 +37,7 @@
&.horizontal {
> img {
- .size(@w: 1002px, @h: 564px);
+ .size(@w: 1002px, @h: auto);
border-radius: 12px;
}
}
@@ -45,7 +46,7 @@
background-color: @COLOR_BLACK;
> img {
- .size(@w: 326px, @h: 564px);
+ .size(@w: auto, @h: 564px);
border-radius: 12px;
}
}