diff --git a/frontend/src/views/system/about/index.vue b/frontend/src/views/system/about/index.vue
index 2afacfda47..972a41aed9 100644
--- a/frontend/src/views/system/about/index.vue
+++ b/frontend/src/views/system/about/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div style="width: 100%;display: flex;justify-content: center;">
-    <el-card class="box-card about-card">
+    <el-card
+      class="box-card about-card"
+      :class="dynamicCardClass"
+    >
       <div
         slot="header"
         class="clearfix license-header"
@@ -110,6 +113,15 @@ export default {
     }
   },
   computed: {
+    dynamicCardClass() {
+      if (this.license?.serialNo && this.license?.remark) {
+        return 'about-card-max'
+      }
+      if (!this.license?.serialNo && !this.license?.remark) {
+        return ''
+      }
+      return 'about-card-medium'
+    },
     ...mapGetters([
       'user'
     ])
@@ -202,6 +214,12 @@ export default {
             padding: 0;
         }
     }
+    .about-card-medium {
+      height: 415px !important;
+    }
+    .about-card-max {
+      height: 430px !important;
+    }
     .license-header {
         height: 100px;
         background-image: url('../../../assets/license_header.png');