diff --git a/core/core-frontend/src/pages/panel/ViewWrapper.vue b/core/core-frontend/src/pages/panel/ViewWrapper.vue
index 1dcd768b12..adc0b6656b 100644
--- a/core/core-frontend/src/pages/panel/ViewWrapper.vue
+++ b/core/core-frontend/src/pages/panel/ViewWrapper.vue
@@ -182,7 +182,13 @@ const onPointClick = param => {
 </script>
 
 <template>
-  <div class="de-view-wrapper" v-if="!!config && state.initState">
+  <div
+    class="de-view-wrapper"
+    :style="{
+      zoom: state.canvasStylePreview?.scale / 100
+    }"
+    v-if="!!config && state.initState"
+  >
     <ComponentWrapper
       style="width: 100%; height: 100%"
       :view-info="viewInfo"