<Miqdad> line clamp

1 files changed, 7 insertions, 1 deletions

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 0ec2a1e6..0eae23de 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -412,8 +412,14 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
               <Link
                 href={URL.product}
                 aria-label={product?.name}
-                className={`!text-gray_r-12 leading-6 block line-clamp-3 mb-1`}
+                className='block mb-1 leading-6 !text-gray_r-12'
                 title={product?.name}
+                style={{
+                  display: '-webkit-box',
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: 'vertical',
+                  overflow: 'hidden',
+                }}
               >
                 {product?.name}
               </Link>