diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 86063df759..ee7a2b40c6 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -429,12 +429,15 @@ eventBus.on('handleNew', handleNew)
         >
           <canvas-attr></canvas-attr>
         </dv-sidebar>
-        <div v-show="viewsPropertiesShow" style="height: 100%">
+        <div
+          v-show="viewsPropertiesShow"
+          style="height: 100%"
+          :class="{ 'preview-aside': editMode === 'preview' }"
+        >
           <editor
             :view="canvasViewInfo[curComponent ? curComponent.id : 'default']"
             themes="dark"
             :dataset-tree="state.datasetTree"
-            :class="{ 'preview-aside': editMode === 'preview' }"
           ></editor>
         </div>
       </div>