diff --git a/packages/form/package.json b/packages/form/package.json
index ed6a4b9..4cc93d2 100644
--- a/packages/form/package.json
+++ b/packages/form/package.json
@@ -1,7 +1,7 @@
 {
   "name": "schemastery-vue",
   "description": "Type driven schema validator",
-  "version": "7.2.4",
+  "version": "7.3.1",
   "main": "src/index.ts",
   "files": [
     "src"
diff --git a/packages/form/src/schema.vue b/packages/form/src/schema.vue
index abb1a3b..e3cca46 100644
--- a/packages/form/src/schema.vue
+++ b/packages/form/src/schema.vue
@@ -1,5 +1,6 @@
 <template>
   <schema-component
+    v-bind="$attrs"
     v-if="!schema?.meta.hidden && (extra?.foldable || (schema && schema.type !== 'const'))"
     :schema="schema"
     :prefix="prefix"
@@ -59,6 +60,7 @@
   <el-dialog
     v-model="showJson"
     destroy-on-close
+    append-to-body
     class="k-schema-edit-dialog"
     :title="t('edit.json')"
     @open="input?.focus()"
@@ -97,6 +99,10 @@ import SchemaBase from './base.vue'
 import zhCN from './locales/zh-CN.yml'
 import enUS from './locales/en-US.yml'
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = defineProps({
   schema: {} as PropType<Schema>,
   initial: {} as PropType<any>,
diff --git a/packages/form/src/styles/index.scss b/packages/form/src/styles/index.scss
index 9b00c5e..3895e69 100644
--- a/packages/form/src/styles/index.scss
+++ b/packages/form/src/styles/index.scss
@@ -15,7 +15,7 @@
   }
 
   &:hover {
-    background-color: var(--el-fill-color-light);
+    background-color: var(--el-fill-color);
   }
 }