diff --git a/src/config/locales/en/translation.json b/src/config/locales/en/translation.json
index 4dbb0ac2..125b8f51 100644
--- a/src/config/locales/en/translation.json
+++ b/src/config/locales/en/translation.json
@@ -42,6 +42,7 @@
     "profile": "Profile",
     "show_profile": "Show profile",
     "edit_profile": "Edit profile",
+    "settings": "Settings",
     "collapse": "Collapse",
     "expand": "Expand",
     "home": "Home",
diff --git a/src/renderer/components/Settings.vue b/src/renderer/components/Settings.vue
new file mode 100644
index 00000000..75f68c1e
--- /dev/null
+++ b/src/renderer/components/Settings.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>
+    TODO
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Settings'
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/renderer/components/TimelineSpace/SideMenu.vue b/src/renderer/components/TimelineSpace/SideMenu.vue
index 991df5fa..31cca14c 100644
--- a/src/renderer/components/TimelineSpace/SideMenu.vue
+++ b/src/renderer/components/TimelineSpace/SideMenu.vue
@@ -13,6 +13,7 @@
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item command="show">{{ $t("side_menu.show_profile") }}</el-dropdown-item>
               <el-dropdown-item command="edit">{{ $t("side_menu.edit_profile") }}</el-dropdown-item>
+              <el-dropdown-item command="settings">{{ $t("side_menu.settings") }}</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
         </div>
@@ -142,6 +143,10 @@ export default {
         case 'edit':
           shell.openExternal(this.account.baseURL + '/settings/profile')
           break
+        case 'settings':
+          const url = `/${this.id()}/settings`
+          this.$router.push(url)
+          break
       }
     },
     doCollapse () {
@@ -178,6 +183,11 @@ export default {
 
       .el-dropdown-link {
         cursor: pointer;
+        color: #dcdfe6;
+
+        &:hover {
+          color: #409eff;
+        }
       }
 
       .domain-name {
diff --git a/src/renderer/router/index.js b/src/renderer/router/index.js
index 97dac3a2..1f2282b5 100644
--- a/src/renderer/router/index.js
+++ b/src/renderer/router/index.js
@@ -53,6 +53,10 @@ export default new Router({
       name: 'global-header',
       component: require('@/components/GlobalHeader').default,
       children: [
+        {
+          path: ':id/settings',
+          component: require('@/components/Settings').default
+        },
         {
           path: ':id/',
           name: 'timeline-space',