diff --git a/core/frontend/src/components/canvas/components/Toolbar.vue b/core/frontend/src/components/canvas/components/Toolbar.vue
index e3aa061fe6..04b5e9c580 100644
--- a/core/frontend/src/components/canvas/components/Toolbar.vue
+++ b/core/frontend/src/components/canvas/components/Toolbar.vue
@@ -655,7 +655,7 @@ export default {
     openMobileLayout(switchVal) {
       if (switchVal) {
         this.$store.commit('openMobileLayout')
-        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
+        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo, canvasStyleData: this.canvasStyleData })
       } else {
         this.mobileLayoutSave()
       }
diff --git a/core/frontend/src/views/mobile/index.vue b/core/frontend/src/views/mobile/index.vue
index 547a9a6847..a14cc5bd4c 100644
--- a/core/frontend/src/views/mobile/index.vue
+++ b/core/frontend/src/views/mobile/index.vue
@@ -24,7 +24,7 @@ import {
 } from '@/components/canvas/utils/utils'
 import { mapState } from 'vuex'
 import { hexColorToRGBA } from '@/views/chart/chart/util'
-import store from "@/store";
+import store from '@/store'
 export default {
   components: { DeCanvas, CanvasOptBar },
   data() {
@@ -90,6 +90,7 @@ export default {
 
       if (event.data.type === 'openMobileLayout') {
         this.$store.commit('setComponentData', event.data.value.componentData)
+        this.$store.commit('setCanvasStyle', event.data.value.canvasStyleData)
         this.$store.dispatch('panel/setPanelInfo', event.data.value.panelInfo)
         this.$store.commit('openMobileLayout')
       }
diff --git a/core/frontend/src/views/panel/edit/ComponentWait.vue b/core/frontend/src/views/panel/edit/ComponentWait.vue
index bf1978caf1..a06d912d06 100644
--- a/core/frontend/src/views/panel/edit/ComponentWait.vue
+++ b/core/frontend/src/views/panel/edit/ComponentWait.vue
@@ -136,6 +136,7 @@ export default {
   height: calc(100% - 40px);
   float: left;
   overflow-y: auto;
+  background-size: 100% 100% !important;
 }
 
 .component-custom {
diff --git a/core/frontend/src/views/panel/edit/index.vue b/core/frontend/src/views/panel/edit/index.vue
index cb0a2f3624..71641092e9 100644
--- a/core/frontend/src/views/panel/edit/index.vue
+++ b/core/frontend/src/views/panel/edit/index.vue
@@ -888,7 +888,7 @@ export default {
   methods: {
     handleLoad() {
       this.mobileLoading = false
-      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
+      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo, canvasStyleData: this.canvasStyleData })
     },
     deleteComponentWithId(id) {
       for (let index = 0; index < this.pcComponentData.length; index++) {