diff --git a/core/core-frontend/src/views/data-visualization/PreviewHead.vue b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
index 6b4d2b5deb..564d60080f 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewHead.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewHead.vue
@@ -98,7 +98,7 @@ watch(
         :weight="dvInfo.weight"
         :resource-type="dvInfo.type"
       />
-      <el-button v-if="dvInfo.weight > 6" type="primary" @click="dvEdit()">
+      <el-button class="custom-button" v-if="dvInfo.weight > 6" type="primary" @click="dvEdit()">
         <template #icon>
           <icon name="icon_edit_outlined"></icon>
         </template>
@@ -176,4 +176,8 @@ watch(
   font-size: 16px;
   color: #646a73;
 }
+
+.custom-button {
+  margin-left: 12px;
+}
 </style>