diff --git a/src/pages/Coupons/CouponList/CouponList.js b/src/pages/Coupons/CouponList/CouponList.js
index 57bb648..54065c0 100644
--- a/src/pages/Coupons/CouponList/CouponList.js
+++ b/src/pages/Coupons/CouponList/CouponList.js
@@ -165,7 +165,7 @@ const CouponList = ({ memberID }) => {
             {modalCoupon.couponRules && (
               <>
                 <div className="meta">礼券规则</div>
-                <div className="value">{modalCoupon.couponRules}</div>
+                <div className="desc">{modalCoupon.couponRules}</div>
               </>
             )}
             <div
diff --git a/src/pages/Coupons/CouponList/CouponList.scss b/src/pages/Coupons/CouponList/CouponList.scss
index 17f91f6..7eb6229 100644
--- a/src/pages/Coupons/CouponList/CouponList.scss
+++ b/src/pages/Coupons/CouponList/CouponList.scss
@@ -210,7 +210,7 @@
   left: 0;
   right: 0;
   width: 326px;
-  height: 416px;
+  height: 480px;
   margin: auto;
   background: #f9f9fb;
   border-radius: 16px;
@@ -236,7 +236,7 @@
     right: 8px;
     background: #f3f4f8;
     border-radius: 10px;
-    height: 192px;
+    height: 256px;
     display: flex;
     justify-content: center;
     align-items: flex-start;
@@ -267,17 +267,20 @@
       color: #7a7e8d;
       opacity: 0.8;
       margin-bottom: 2px;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
-    .value {
+    .desc {
       font-weight: 600;
       font-size: 12px;
-      line-height: 16px;
+      line-height: 18px;
+      height: 72px;
       color: #474a56;
       opacity: 0.8;
       margin-bottom: 8px;
       min-height: 16px;
-      overflow: hidden;
-      text-overflow: ellipsis;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
     .level {
       position: absolute;