diff --git a/core/core-frontend/src/views/canvas/DeCanvas.vue b/core/core-frontend/src/views/canvas/DeCanvas.vue
index e2eb40955f..b1fd767888 100644
--- a/core/core-frontend/src/views/canvas/DeCanvas.vue
+++ b/core/core-frontend/src/views/canvas/DeCanvas.vue
@@ -309,7 +309,7 @@ defineExpose({
   </div>
 </template>
 
-<style lang="less">
+<style lang="less" scoped>
 .content {
   width: 100%;
   height: 100%;
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index 737432def4..77df16cf35 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -193,7 +193,7 @@ defineExpose({
   />
 </template>
 
-<style lang="less">
+<style lang="less" scoped>
 .content {
   background-color: #ffffff;
   width: 100%;
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
index 7b396e2481..fe9e9beb06 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvasMobile.vue
@@ -175,7 +175,7 @@ defineExpose({
   />
 </template>
 
-<style lang="less">
+<style lang="less" scoped>
 .content {
   background-color: #ffffff;
   width: 100vw;