diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index ef08e63d9a..08f695a275 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -6,7 +6,10 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
-import { changeSizeWithScale } from '@/utils/changeComponentsSizeWithScale'
+import {
+  changeSizeWithScale,
+  changeSizeWithScaleAdaptor
+} from '@/utils/changeComponentsSizeWithScale'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { useI18n } from '@/hooks/web/useI18n'
 const dvMainStore = dvMainStoreWithOut()
@@ -25,8 +28,9 @@ const handleScaleChange = () => {
       scale.value = scale.value < 10 ? 10 : scale.value
       scale.value = scale.value > 200 ? 200 : scale.value
       changeSizeWithScale(scale.value)
+      changeSizeWithScaleAdaptor(scale.value)
       scaleChangeReady.value = true
-    }, 0)
+    }, 50)
   }
 }
 
diff --git a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
index 6f81b1a566..a9a7c9ffc5 100644
--- a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
+++ b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
@@ -22,6 +22,10 @@ const needToChangeDirectionAttrs = {
   height: ['top', 'height']
 }
 
+export function changeSizeWithScaleAdaptor(scale) {
+  return changeComponentsSizeWithScale(scale)
+}
+
 export function changeSizeWithScale(scale) {
   return changeComponentsSizeWithScale(scale)
 }