diff --git a/nezha-fronted/src/assets/css/components/page/config/system/license.scss b/nezha-fronted/src/assets/css/components/page/config/system/license.scss
index 9bf94031a..516ae0300 100644
--- a/nezha-fronted/src/assets/css/components/page/config/system/license.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/system/license.scss
@@ -223,7 +223,7 @@
       }
     }
     .el-dialog__body{
-      padding-top: 0 !important;
+      padding: 0 20px !important;
     }
     .el-dialog__footer{
       padding: 20px;
@@ -234,9 +234,11 @@
       }
     }
     .check-tip{
-      word-break: break-word;
       font-size: 14px;
-      color: $--color-text-regular;
+      color: $--color-text-primary;
+      font-family: Roboto-Black;
+      font-weight: 400;
+      word-break: break-word;
       line-height: 20px;
       margin-top: 6px;
       &:first-of-type{
@@ -248,6 +250,22 @@
           padding-left: 6px;
         }
       }
+      i{
+        color: $--color-primary;
+      }
+    }
+    .check-content{
+      opacity: 0.9;
+      background: $--background-color-base;
+      border: 1px solid $--border-color-light;
+      border-radius: 2px;
+      padding: 10px;
+      box-sizing: border-box;
+      margin-top: 10px;
+      margin-bottom: 20px;
+      .check-tip{
+        color: $--color-text-regular;
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index 9d475262c..79adcd574 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -204,24 +204,30 @@
         </div>
       </div>
     </el-dialog>
+
     <el-dialog
       class="nz-dialog c2vDialog"
       :title="$t('license.downloadID')"
       :show-close="true"
       :visible.sync="checkVisible"
-      width="480px"
+      width="580px"
       @close="closeCheckDialog"
-      >
-      <p class="check-tip">{{$t('license.check')}}</p>
-      <p class="check-tip">{{$t('license.check1')}}</p>
-      <p class="check-tip">{{$t('license.check2')}}</p>
-      <p class="check-tip">{{$t('license.check3')}}</p>
-      <p class="check-tip">{{$t('license.check4')}}</p>
+    >
+      <p class="check-tip">
+        <i class="nz-icon nz-icon-jinggao"></i>
+        {{$t('license.check')}}
+      </p>
+      <div class="check-content">
+        <p class="check-tip">{{$t('license.check1')}}</p>
+        <p class="check-tip">{{$t('license.check2')}}</p>
+        <p class="check-tip">{{$t('license.check3')}}</p>
+        <p class="check-tip">{{$t('license.check4')}}</p>
+      </div>
       <p class="check-tip isCheck">
         <el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
       </p>
       <div slot="footer">
-        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
+        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
         <button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
       </div>
     </el-dialog>
diff --git a/nezha-fronted/src/components/page/config/system/license.vue b/nezha-fronted/src/components/page/config/system/license.vue
index 0596a69a7..b52495881 100644
--- a/nezha-fronted/src/components/page/config/system/license.vue
+++ b/nezha-fronted/src/components/page/config/system/license.vue
@@ -169,19 +169,24 @@
       :title="$t('license.downloadID')"
       :show-close="true"
       :visible.sync="checkVisible"
-      width="480px"
+      width="580px"
       @close="closeCheckDialog"
-      >
-      <p class="check-tip">{{$t('license.check')}}</p>
-      <p class="check-tip">{{$t('license.check1')}}</p>
-      <p class="check-tip">{{$t('license.check2')}}</p>
-      <p class="check-tip">{{$t('license.check3')}}</p>
-      <p class="check-tip">{{$t('license.check4')}}</p>
+    >
+      <p class="check-tip">
+        <i class="nz-icon nz-icon-jinggao"></i>
+        {{$t('license.check')}}
+      </p>
+      <div class="check-content">
+        <p class="check-tip">{{$t('license.check1')}}</p>
+        <p class="check-tip">{{$t('license.check2')}}</p>
+        <p class="check-tip">{{$t('license.check3')}}</p>
+        <p class="check-tip">{{$t('license.check4')}}</p>
+      </div>
       <p class="check-tip isCheck">
         <el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
       </p>
       <div slot="footer">
-        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
+        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
         <button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
       </div>
     </el-dialog>