diff --git a/docs/examples/form/size-control.vue b/docs/examples/form/size-control.vue
index cce70b5dcd..b6259ec9b6 100644
--- a/docs/examples/form/size-control.vue
+++ b/docs/examples/form/size-control.vue
@@ -1,9 +1,9 @@
 <template>
   <div style="margin-left: 1rem">
     <el-radio-group v-model="size">
-      <el-radio label="small">Small</el-radio>
-      <el-radio label="default">Default</el-radio>
-      <el-radio label="large">Large</el-radio>
+      <el-radio :label="'large'">large</el-radio>
+      <el-radio :label="'default'">default</el-radio>
+      <el-radio :label="'small'">small</el-radio>
     </el-radio-group>
   </div>
   <br />
@@ -70,7 +70,7 @@
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
 
-const size = ref('small')
+const size = ref('default')
 
 const sizeForm = reactive({
   name: '',
diff --git a/docs/examples/space/control-size.vue b/docs/examples/space/control-size.vue
index 35b2e4b046..fcc1346f44 100644
--- a/docs/examples/space/control-size.vue
+++ b/docs/examples/space/control-size.vue
@@ -1,9 +1,9 @@
 <template>
   <el-space direction="vertical" alignment="start" :size="30">
     <el-radio-group v-model="size">
-      <el-radio :label="'small'">small</el-radio>
-      <el-radio :label="'default'">default</el-radio>
       <el-radio :label="'large'">large</el-radio>
+      <el-radio :label="'default'">default</el-radio>
+      <el-radio :label="'small'">small</el-radio>
     </el-radio-group>
 
     <el-space wrap :size="size">
@@ -24,5 +24,5 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-const size = ref('small')
+const size = ref('default')
 </script>