diff --git a/src/pages/ProductDetail/ProductPage.module.scss b/src/pages/ProductDetail/ProductPage.module.scss
index 787eefe..c5b9808 100644
--- a/src/pages/ProductDetail/ProductPage.module.scss
+++ b/src/pages/ProductDetail/ProductPage.module.scss
@@ -328,7 +328,7 @@
   background: linear-gradient(
     to top,
     rgba(0, 0, 0, 0.95) 0%,
-    rgba(0, 0, 0, 0.7) 30%,
+    rgba(0, 0, 0, 0.7) 0%,
     rgba(0, 0, 0, 0.3) 70%,
     rgba(255, 255, 255, 0) 100%
   );
diff --git a/src/pages/ProductDetail/index.jsx b/src/pages/ProductDetail/index.jsx
index 1da1555..6c7c128 100644
--- a/src/pages/ProductDetail/index.jsx
+++ b/src/pages/ProductDetail/index.jsx
@@ -374,7 +374,7 @@ const ProductPage = ({
 
           {/* Description card */}
           {product.description && (
-            <div className={`${styles.descriptionCard} ${!isDescExpanded ? styles.descriptionCardCollapsed : ''}`}>
+            <div className={`${styles.descriptionCard} ${!isDescExpanded && showReadMore ? styles.descriptionCardCollapsed : ''}`}>
               <div className={styles.descriptionHeader}>
                 <div className={styles.descriptionIcon}>
                   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
@@ -394,7 +394,7 @@ const ProductPage = ({
                 <div
                   ref={descRef}
                   className={`${styles.productDescription} ${
-                    !isDescExpanded ? styles.productDescriptionCollapsed : ""
+                    !isDescExpanded && showReadMore ? styles.productDescriptionCollapsed : ""
                   }`}
                   dangerouslySetInnerHTML={{ __html: product.description }}
                 />
@@ -511,3 +511,4 @@ const ProductPage = ({
 };
 
 export default ProductPage;
+