diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 0c339f1b8f..8832a2c813 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -535,7 +535,7 @@ export default {
       return this.$store.state.curComponent
     },
     curGap() {
-      return (this.canvasStyleData.panel.gap === 'yes' && this.element.auxiliaryMatrix && this.element.type !== 'custom') ? this.componentGap : 0
+      return (this.canvasStyleData.panel.gap === 'yes' && this.element.auxiliaryMatrix) ? this.componentGap : 0
     },
     ...mapState([
       'editor',
diff --git a/frontend/src/components/dataease/DeOutWidget.vue b/frontend/src/components/dataease/DeOutWidget.vue
index 42ef2809cd..a749aaad05 100644
--- a/frontend/src/components/dataease/DeOutWidget.vue
+++ b/frontend/src/components/dataease/DeOutWidget.vue
@@ -161,12 +161,13 @@ export default {
 
 <style lang="scss" scoped>
   .my-container {
-    position: absolute;
+    position: relative;
     overflow: auto;
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
+    border-radius: 5px;
   }
 
   .ccondition-main {
@@ -241,11 +242,12 @@ export default {
   }
 
   .first-element-contaner {
-    width: calc(100% - 10px);
+    /*width: calc(100% - 10px);*/
+    width: 100%;
     background: initial;
     position: absolute;
-    bottom: 5px;
-    margin: 0 4px;
+    bottom: 0px;
+    /*margin: 0 4px;*/
 
     div {
       width: 100%;
@@ -258,7 +260,7 @@ export default {
   .first-element-grid-contaner {
     background: #fff;
     border: 1px solid #d7dae2;
-    top: 5px;
+    top: 0px;
   }
 
   .condition-main-line {