diff --git a/frontend/src/components/canvas/components/Toolbar.vue b/frontend/src/components/canvas/components/Toolbar.vue
index 3492eb3ae4..a7663d7af6 100644
--- a/frontend/src/components/canvas/components/Toolbar.vue
+++ b/frontend/src/components/canvas/components/Toolbar.vue
@@ -2,6 +2,9 @@
   <div>
     <div v-show="editControlButton" class="toolbar">
       <span style="float: right;">
+        <el-button v-if="mobileLayoutStatus" size="mini" @click="editReset">
+          {{ $t('commons.reset') }}
+        </el-button>
         <el-button size="mini" @click="editSave">
           {{ $t('commons.confirm') }}
         </el-button>
@@ -366,6 +369,10 @@ export default {
         this.saveLinkage()
       }
     },
+    editReset() {
+      this.cancelMobileLayoutStatue(JSON.parse(this.componentDataCache))
+      this.$store.commit('openMobileLayout')
+    },
     editCancel() {
       if (this.mobileLayoutStatus) {
         this.cancelMobileLayoutStatue(JSON.parse(this.componentDataCache))