diff --git a/src/views/mealSurplusInformation/mealSurplusInformation.vue b/src/views/mealSurplusInformation/mealSurplusInformation.vue
index 911f9a2..72b343a 100644
--- a/src/views/mealSurplusInformation/mealSurplusInformation.vue
+++ b/src/views/mealSurplusInformation/mealSurplusInformation.vue
@@ -298,16 +298,24 @@ export default {
             display: flex;
             flex-wrap: wrap;
             align-content: flex-start;
-            column-gap: 24px;
-            row-gap: 24px;
 
             .content_l_list {
                 width: 336px;
                 height: 222px;
+                margin-right: 24px;
+                margin-bottom: 24px;
                 padding: 24px 24px 0;
                 border-radius: 12px;
                 box-sizing: border-box;
 
+                &:nth-child(4n) {
+                    margin-right: 0;
+                }
+
+                &:nth-child(n+13) {
+                    margin-bottom: 0;
+                }
+
                 .content_l_list_name {
                     width: 100%;
                     height: 24px;
@@ -392,6 +400,7 @@ export default {
                 .content_l_list_progress {
                     width: 100%;
                     height: 12px;
+                    overflow: hidden;
                     border-radius: 6px;
 
                     > div {
@@ -623,25 +632,25 @@ export default {
                             width: 50%;
                             padding-left: 24px;
                             box-sizing: border-box;
-                            height: 18px;
+                            height: 20px;
                             display: flex;
                             flex-wrap: nowrap;
                             align-items: flex-end;
-                            margin-bottom: 22px;
+                            margin-bottom: 20px;
 
                             > div:nth-of-type(1) {
-                                height: 18px;
+                                height: 20px;
                                 font-size: 18px;
-                                line-height: 18px;
+                                line-height: 20px;
                                 white-space: nowrap;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                             }
 
                             > div:nth-of-type(2) {
-                                height: 14px;
+                                height: 16px;
                                 font-size: 14px;
-                                line-height: 14px;
+                                line-height: 16px;
                                 margin-left: 8px;
                             }
                         }