diff --git a/frontend/src/components/canvas/components/editor/PreviewEject.vue b/frontend/src/components/canvas/components/editor/PreviewEject.vue
index 3595c0c13d..e53a938d25 100644
--- a/frontend/src/components/canvas/components/editor/PreviewEject.vue
+++ b/frontend/src/components/canvas/components/editor/PreviewEject.vue
@@ -29,7 +29,7 @@ export default {
   data() {
     return {
       canvasId: 'canvas-main',
-      dataLoading: false,
+      dataLoading: true,
       backScreenShot: false,
       mainHeight: '100vh!important',
       shareUserId: null
@@ -171,12 +171,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .bg {
-    width: 100%;
-    height: 100vh!important;
-    min-width: 200px;
-    min-height: 300px;
-    background-color: #f7f8fa;
-  }
+.bg {
+  width: 100%;
+  height: 100vh !important;
+  min-width: 200px;
+  min-height: 300px;
+  background-color: #f7f8fa;
+}
 </style>
 
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 8a8b8a015a..52dae89a39 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -586,7 +586,7 @@ const data = {
         }
       })
       state.componentData = mainComponentData
-      state.mobileLayoutStatus = !state.mobileLayoutStatus
+      state.mobileLayoutStatus = true
     },
     setScrollAutoMove(state, offset) {
       state.scrollAutoMove = offset