diff --git a/src/views/demo/system/account/AccountModal.vue b/src/views/demo/system/account/AccountModal.vue
index d0c5fb34..167bb720 100644
--- a/src/views/demo/system/account/AccountModal.vue
+++ b/src/views/demo/system/account/AccountModal.vue
@@ -20,6 +20,7 @@
 
       const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
         labelWidth: 100,
+        baseColProps: { span: 24 },
         schemas: accountFormSchema,
         showActionButtonGroup: false,
         actionColOptions: {
diff --git a/src/views/demo/system/dept/DeptModal.vue b/src/views/demo/system/dept/DeptModal.vue
index 005148de..95f8b321 100644
--- a/src/views/demo/system/dept/DeptModal.vue
+++ b/src/views/demo/system/dept/DeptModal.vue
@@ -19,6 +19,7 @@
 
       const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
         labelWidth: 100,
+        baseColProps: { span: 24 },
         schemas: formSchema,
         showActionButtonGroup: false,
       });
diff --git a/src/views/demo/system/password/index.vue b/src/views/demo/system/password/index.vue
index f5685aec..8fd720bd 100644
--- a/src/views/demo/system/password/index.vue
+++ b/src/views/demo/system/password/index.vue
@@ -21,6 +21,7 @@
     setup() {
       const [register, { validate, resetFields }] = useForm({
         size: 'large',
+        baseColProps: { span: 24 },
         labelWidth: 100,
         showActionButtonGroup: false,
         schemas: formSchema,
diff --git a/src/views/demo/system/role/RoleDrawer.vue b/src/views/demo/system/role/RoleDrawer.vue
index 14a85273..16fa395d 100644
--- a/src/views/demo/system/role/RoleDrawer.vue
+++ b/src/views/demo/system/role/RoleDrawer.vue
@@ -40,6 +40,7 @@
 
       const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
         labelWidth: 90,
+        baseColProps: { span: 24 },
         schemas: formSchema,
         showActionButtonGroup: false,
       });