diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 606d2b07..dbecd4a9 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -6,14 +6,14 @@
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
-        <search class="right-menu-item" />
+        <search class="right-menu-item header-search" />
 
         <error-log class="errLog-container right-menu-item hover-effect" />
 
-        <screenfull class="right-menu-item hover-effect" />
+        <screenfull class="right-menu-item hover-effect screenfull" />
 
         <el-tooltip content="Global Size" effect="dark" placement="bottom">
-          <size-select class="right-menu-item hover-effect" />
+          <size-select class="right-menu-item hover-effect size-select" />
         </el-tooltip>
 
       </template>
diff --git a/src/views/guide/defineSteps.js b/src/views/guide/defineSteps.js
index 405a3f72..ff93799c 100644
--- a/src/views/guide/defineSteps.js
+++ b/src/views/guide/defineSteps.js
@@ -15,27 +15,26 @@ const steps = [
       position: 'bottom'
     }
   },
+  {
+    element: '.header-search',
+    popover: {
+      title: 'Page Search',
+      position: 'left'
+    }
+  },
   {
     element: '.screenfull',
     popover: {
       title: 'Screenfull',
-      description: 'Bring the page into fullscreen',
+      description: 'Set the page into fullscreen',
       position: 'left'
     }
   },
   {
-    element: '.international-icon',
+    element: '.size-select',
     popover: {
-      title: 'Switch language',
-      description: 'Switch the system language',
-      position: 'left'
-    }
-  },
-  {
-    element: '.theme-switch',
-    popover: {
-      title: 'Theme Switch',
-      description: 'Custom switch system theme',
+      title: 'Switch Size',
+      description: 'Switch the system size',
       position: 'left'
     }
   },