diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 5e4632f..b5f3cd1 100644
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@@ -3,7 +3,6 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
-// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -304,6 +303,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
diff --git a/preview/views/MainView.vue b/preview/views/MainView.vue
index 6494531..41643c8 100644
--- a/preview/views/MainView.vue
+++ b/preview/views/MainView.vue
@@ -37,7 +37,7 @@
           </div>
         </VueDraggable>
       </div>
-      <div ref="targetContent" class="center">
+      <div ref="targetContent" id="renderArea" class="center">
         <VueDraggable
             v-model="store.previewScheme"
             :sort="true"
diff --git a/src/components/DynamicComponent.vue b/src/components/DynamicComponent.vue
index 2eaed49..b2ff247 100644
--- a/src/components/DynamicComponent.vue
+++ b/src/components/DynamicComponent.vue
@@ -103,7 +103,7 @@ const adjustHeaderPosition = () => {
   let left = 0;
 
   // 获取最外层组件渲染区域的边界
-  const containerEl = targetContent.value;
+  const containerEl = document.getElementById('renderArea');
   if (!containerEl) return;
 
   const containerRect = containerEl.getBoundingClientRect();