diff --git a/system-setting/frontend/src/business/system/license/MxLicense.vue b/system-setting/frontend/src/business/system/license/MxLicense.vue
index d4434d3325..5b0ff89fde 100644
--- a/system-setting/frontend/src/business/system/license/MxLicense.vue
+++ b/system-setting/frontend/src/business/system/license/MxLicense.vue
@@ -8,6 +8,10 @@
         <div class="license-content">
           <div v-if="license.status !== 'Fail'">
             <table>
+              <tr v-if="license.serialNo">
+                <th>{{ $t('license.serial_num') }}</th>
+                <td>{{ license.serialNo }}</td>
+              </tr>
               <tr>
                 <th>{{ $t('license.corporation') }}</th>
                 <td>{{ license.corporation }}</td>
@@ -37,14 +41,6 @@
                 <th>{{ $t('license.count') }}</th>
                 <td>{{ license.count }}</td>
               </tr>
-              <tr v-if="license.serialNo">
-                <th>{{ $t('license.serial_num') }}</th>
-                <td>{{ license.serialNo }}</td>
-              </tr>
-              <tr v-if="license.remark">
-                <th>{{ $t('license.remark') }}</th>
-                <td>{{ license.remark }}</td>
-              </tr>
               <tr>
                 <th>{{ $t('license.status') }}</th>
                 <td>
@@ -57,6 +53,10 @@
                   <label class="ms-license-label" v-else>{{ $t('license.invalid') }}</label>
                 </td>
               </tr>
+              <tr v-if="license.remark">
+                <th>{{ $t('license.remark') }}</th>
+                <td>{{ license.remark }}</td>
+              </tr>
             </table>
           </div>
           <el-link type="primary" class="license-update" @click="create()" :disabled="disabled">
@@ -148,7 +148,6 @@ export default {
 
 .license-container {
   margin: auto;
-  height: 400px;
   position: relative;
 }