diff --git a/src/components/Discover/AddRss.vue b/src/components/Discover/AddRss.vue
index b781a98..4924635 100644
--- a/src/components/Discover/AddRss.vue
+++ b/src/components/Discover/AddRss.vue
@@ -1,21 +1,22 @@
 <template>
-	<ul>
+	<NcAppNavigationList>
 		<NcAppNavigationNewItem :name="t('repod', 'Add a RSS link')" @new-item="addSubscription">
 			<template #icon>
 				<Plus :size="20" />
 			</template>
 		</NcAppNavigationNewItem>
-	</ul>
+	</NcAppNavigationList>
 </template>
 
 <script>
-import { NcAppNavigationNewItem } from '@nextcloud/vue'
+import { NcAppNavigationList, NcAppNavigationNewItem } from '@nextcloud/vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import { encodeUrl } from '../../utils/url.js'
 
 export default {
 	name: 'AddRss',
 	components: {
+		NcAppNavigationList,
 		NcAppNavigationNewItem,
 		Plus,
 	},
diff --git a/src/components/Sidebar/Subscriptions.vue b/src/components/Sidebar/Subscriptions.vue
index 0d2942d..f195d78 100644
--- a/src/components/Sidebar/Subscriptions.vue
+++ b/src/components/Sidebar/Subscriptions.vue
@@ -10,11 +10,11 @@
 					</NcAppNavigationNew>
 				</router-link>
 				<Loading v-if="loading" />
-				<ul v-if="!loading">
+				<NcAppNavigationList v-if="!loading">
 					<Item v-for="subscriptionUrl of subscriptions"
 						:key="subscriptionUrl"
 						:url="subscriptionUrl" />
-				</ul>
+				</NcAppNavigationList>
 			</NcAppContentList>
 		</template>
 		<template #footer>
@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import { NcAppContentList, NcAppNavigationNew, NcAppNavigationSettings } from '@nextcloud/vue'
+import { NcAppContentList, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings } from '@nextcloud/vue'
 import AppNavigation from '../Atoms/AppNavigation.vue'
 import Export from '../Settings/Export.vue'
 import Filters from '../Settings/Filters.vue'
@@ -50,6 +50,7 @@ export default {
 		Item,
 		Loading,
 		NcAppContentList,
+		NcAppNavigationList,
 		NcAppNavigationNew,
 		NcAppNavigationSettings,
 		Plus,