diff --git a/src/components/User/UserSidebar.vue b/src/components/User/UserSidebar.vue
index c142929..e14e69e 100644
--- a/src/components/User/UserSidebar.vue
+++ b/src/components/User/UserSidebar.vue
@@ -15,7 +15,9 @@
       </router-link>
       <router-link class="item" :to="`/${user.username}`">Profile</router-link>
       <router-link class="item" to="/settings/profile">Settings</router-link>
-      <a class="item"><i class="sign out icon"></i></a>
+      <a class="item" @click="logout">
+        <i class="sign out icon"></i>
+      </a>
     </div>
   </div>
 </template>
@@ -62,6 +64,11 @@
             // clear input field
             this.tweet = ''
           })
+      },
+      logout () {
+        localStorage.removeItem('tweetr-token')
+
+        this.$router.push('/login')
       }
     }
   }