diff --git a/src/App.vue b/src/App.vue
index 13c347f6..786a8c7e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
 <template>
 	<div v-if="!serverData.setup" id="app-social" :class="{public: serverData.public}">
 		<div v-if="!serverData.public" id="app-navigation">
-			<app-navigation :menu="menu" />
+			<ul>
+				<app-navigation-item v-for="item in menu.items" :key="item.key" :item="item" />
+			</ul>
 		</div>
 		<div id="app-content">
 			<div v-if="serverData.isAdmin && !serverData.checks.success" class="setup social__wrapper">
@@ -90,7 +92,7 @@
 
 <script>
 import {
-	AppNavigation
+	AppNavigationItem
 } from 'nextcloud-vue'
 import axios from 'nextcloud-axios'
 import Search from './components/Search'
@@ -99,7 +101,7 @@ import currentuserMixin from './mixins/currentUserMixin'
 export default {
 	name: 'App',
 	components: {
-		AppNavigation,
+		AppNavigationItem,
 		Search
 	},
 	mixins: [currentuserMixin],