diff --git a/docs/examples/checkbox/with-border.vue b/docs/examples/checkbox/with-border.vue
index 5b550e4acc..4342e525e8 100644
--- a/docs/examples/checkbox/with-border.vue
+++ b/docs/examples/checkbox/with-border.vue
@@ -13,13 +13,19 @@
       border
     ></el-checkbox>
   </div>
-  <div class="demo-with-border my-4">
+  <div class="mt-4">
     <el-checkbox v-model="checked3" label="Option1" border></el-checkbox>
     <el-checkbox v-model="checked4" label="Option2" border></el-checkbox>
   </div>
-  <div class="demo-with-border">
+  <div class="mt-4">
     <el-checkbox-group v-model="checkboxGroup1" size="small">
       <el-checkbox label="Option1" border></el-checkbox>
+      <el-checkbox label="Option2" border></el-checkbox>
+    </el-checkbox-group>
+  </div>
+  <div class="mt-4">
+    <el-checkbox-group v-model="checkboxGroup1" size="small">
+      <el-checkbox label="Option1" border disabled></el-checkbox>
       <el-checkbox label="Option2" border disabled></el-checkbox>
     </el-checkbox-group>
   </div>
@@ -32,5 +38,5 @@ const checked1 = ref(true)
 const checked2 = ref(false)
 const checked3 = ref(false)
 const checked4 = ref(true)
-const checkboxGroup1 = ref([])
+const checkboxGroup1 = ref(['Option1'])
 </script>
diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index 955566ef9e..06bff94e6d 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -800,7 +800,7 @@ $tag-padding: map.merge(
 $tag-icon-size: () !default;
 $tag-icon-size: map.merge(
   (
-    'large': 16px,
+    'large': 14px,
     'default': 14px,
     'small': 12px,
   ),