diff --git a/core/frontend/src/components/canvas/components/Toolbar.vue b/core/frontend/src/components/canvas/components/Toolbar.vue
index 854b34dcb5..d7d86f2530 100644
--- a/core/frontend/src/components/canvas/components/Toolbar.vue
+++ b/core/frontend/src/components/canvas/components/Toolbar.vue
@@ -654,7 +654,7 @@ export default {
     openMobileLayout(switchVal) {
       if (switchVal) {
         this.$store.commit('openMobileLayout')
-        bus.$emit('mobile-status-change', 'openMobileLayout', this.componentData)
+        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
       } else {
         this.mobileLayoutSave()
       }
diff --git a/core/frontend/src/views/mobile/index.vue b/core/frontend/src/views/mobile/index.vue
index 398e7beea8..e3a70c2b53 100644
--- a/core/frontend/src/views/mobile/index.vue
+++ b/core/frontend/src/views/mobile/index.vue
@@ -88,7 +88,8 @@ export default {
       }
 
       if (event.data.type === 'openMobileLayout') {
-        this.$store.commit('setComponentData', event.data.value)
+        this.$store.commit('setComponentData', event.data.value.componentData)
+        this.$store.dispatch('panel/setPanelInfo', event.data.value.panelInfo)
         this.$store.commit('openMobileLayout')
       }
     })
diff --git a/core/frontend/src/views/panel/edit/index.vue b/core/frontend/src/views/panel/edit/index.vue
index 26e9d9fb14..b86f0a3bf2 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', this.componentData)
+      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
     },
     deleteComponentWithId(id) {
       for (let index = 0; index < this.pcComponentData.length; index++) {