diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx
index 3b6540a2..36f8ae9e 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx
@@ -189,6 +189,7 @@ export default function YouMayAlsoLike({
                 return (
                   <TItemCardNew
                     key={prdtId}
+                    className={css.itemCardNew}
                     contextName={LOG_CONTEXT_NAME.YOUMAYLIKE}
                     messageId={LOG_MESSAGE_ID.CONTENTCLICK}
                     productId={prdtId}
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.module.less
index af050ff0..fea0513d 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.module.less
@@ -62,7 +62,7 @@
       display: flex;
       flex-wrap: wrap;
       // margin-top: 34px;
-      > div {
+      > div.itemCardNew {
         /* item card */
         margin: 0 15px 15px 0;
         .size(@w:360px,@h:494px);