diff --git a/ui/src/components/page/GlobalLayout.vue b/ui/src/components/page/GlobalLayout.vue
index ebfd4c4f1a46..a059ad228573 100644
--- a/ui/src/components/page/GlobalLayout.vue
+++ b/ui/src/components/page/GlobalLayout.vue
@@ -63,7 +63,7 @@
       </a-drawer>
     </template>
 
-    <template>
+    <template v-if="isDevelopmentMode">
       <drawer :visible="showSetting" placement="right">
         <div slot="handler">
           <a-button type="primary" size="large">
@@ -129,6 +129,9 @@ export default {
     ...mapState({
       mainMenu: state => state.permission.addRouters
     }),
+    isDevelopmentMode () {
+      return process.env.NODE_ENV === 'development'
+    },
     contentPaddingLeft () {
       if (!this.fixSidebar || this.isMobile()) {
         return '0'