diff --git a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
index 8af776980a..3e17bb56f4 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
@@ -253,8 +253,8 @@ const getShapeItemShowStyle = item => {
 }
 
 const curGap = computed(() => {
-  return dashboardActive.value && canvasStyleData.value?.dashboard?.gap === 'yes'
-    ? canvasStyleData.value?.dashboard?.gapSize
+  return dashboardActive.value && dvMainStore.canvasStyleData.dashboard?.gap === 'yes'
+    ? dvMainStore.canvasStyleData?.dashboard?.gapSize
     : 0
 })