diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
index bb16a86b..a00a2bbe 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
@@ -359,6 +359,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
                 <div className={css.itemList}>
                   {bestSeller.map((item, index) => (
                     <TItemCardNew
+                      className={css.trendingBestItem}
                       contextName={LOG_CONTEXT_NAME.TRENDING_NOW}
                       messageId={LOG_MESSAGE_ID.SHELF_CLICK}
                       shelfLocation={2}
diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
index 31d0ce35..31749cb3 100644
--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.module.less
@@ -27,12 +27,13 @@
         margin-top: 30px;
         display: flex;
         flex-wrap: wrap;
-        > div {
+        .trendingBestItem {
           margin: 0 15px 15px 0;
+          &:nth-child(5n + 5){
+            margin:0;
+          }
         }
-        > div:nth-child(5n + 5) {
-          margin: 0;
-        }
+        
       }
     }
     .tVerticalPagenator {