diff --git a/client/src/components/List-overview.vue b/client/src/components/List-overview.vue
index 4af3db2..ebe07b7 100644
--- a/client/src/components/List-overview.vue
+++ b/client/src/components/List-overview.vue
@@ -23,9 +23,11 @@
 			</div>
 
 			<div class="list no-border platform-delimiter">
-				<q-drawer-link to="/">
-					Logout
-				</q-drawer-link>
+				<div class="item item-link" @click="logout">
+					<div class="item-content">
+						Logout
+					</div>
+				</div>
 			</div>
 
 		</q-drawer>
@@ -37,6 +39,15 @@
 </template>
 
 <script>
+import api from '../api'
+
+export default {
+	methods: {
+		logout () {
+			api.logout()
+		}
+	}
+}
 </script>
 
 <style lang="stylus">