diff --git a/src/components/home/index/ValidityWarning.vue b/src/components/home/index/ValidityWarning.vue
index 4930532..8a3f2e9 100644
--- a/src/components/home/index/ValidityWarning.vue
+++ b/src/components/home/index/ValidityWarning.vue
@@ -115,9 +115,9 @@ const isExpire = (item: any) => {
 
       .item-content {
         flex: 1;
+        min-width: 0;
 
         .item-name {
-          width: 80px;
           font-weight: 400;
           font-size: 14px;
           color: #333333;
@@ -139,8 +139,8 @@ const isExpire = (item: any) => {
       }
 
       .item-right {
-        width: 120px;
         display: flex;
+        margin-right: 16px;
 
         .item-right-num {
           font-size: 28px;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index c2f395c..3bf6215 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -69,6 +69,7 @@ async function getData() {
     margin-right: 24px;
     display: flex;
     flex-direction: column;
+    min-width: 0;
 
     .yuJin {
       height: 208px;