diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 22b901c00d..0c1bd92118 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -216,7 +216,11 @@ export default {
           height: '100%'
         }
       } else {
-        return getStyle(style, ['top', 'left', 'width', 'height', 'rotate'])
+        return {
+          ...
+          getStyle(style, ['top', 'left', 'width', 'height', 'rotate']),
+          position: 'relative'
+        }
       }
     },
 
@@ -270,6 +274,6 @@ export default {
     background-size: 100% 100%!important;
   }
   .component{
-    position: relative;
+    //position: relative;
   }
 </style>
diff --git a/frontend/src/views/panel/edit/ComponentWaitItem.vue b/frontend/src/views/panel/edit/ComponentWaitItem.vue
index 715e7995a2..2db5a00497 100644
--- a/frontend/src/views/panel/edit/ComponentWaitItem.vue
+++ b/frontend/src/views/panel/edit/ComponentWaitItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="component-item" >
+  <div class="component-item">
     <div :style="commonStyle">
       <mobile-check-bar v-if="mobileCheckBarShow" :element="config" />
       <de-out-widget
@@ -113,7 +113,11 @@ export default {
   },
   methods: {
     getComponentStyleDefault(style) {
-      return getStyle(style, ['top', 'left', 'width', 'height', 'rotate'])
+      return {
+        ...
+        getStyle(style, ['top', 'left', 'width', 'height', 'rotate']),
+        position: 'relative'
+      }
     }
   }
 }