diff --git a/src/views/Categories.vue b/src/views/Categories.vue
index 566ce98..369c9f0 100644
--- a/src/views/Categories.vue
+++ b/src/views/Categories.vue
@@ -25,6 +25,12 @@
 		<Navigation
 			:station-data="stations" />
 		<AppContent>
+			<div class="controls">
+				<Breadcrumbs>
+					<Breadcrumb title="Home" href="#/" />
+					<Breadcrumb title="Categories" href="#/categories" />
+				</Breadcrumbs>
+			</div>
 			<Table
 				v-show="!pageLoading && stations.length > 0"
 				:station-data="stations"
@@ -55,6 +61,8 @@
 import Content from '@nextcloud/vue/dist/Components/Content'
 import AppContent from '@nextcloud/vue/dist/Components/AppContent'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
+import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
 import Navigation from './../components/Navigation'
 import Table from './../components/Table'
 import Sidebar from './../components/Sidebar'
@@ -72,6 +80,8 @@ export default {
 		EmptyContent,
 		Table,
 		Sidebar,
+		Breadcrumbs,
+		Breadcrumb,
 	},
 	data: () => ({
 		pageLoading: false,
diff --git a/src/views/Main.vue b/src/views/Main.vue
index 00dcb12..a1035dd 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -25,6 +25,11 @@
 		<Navigation
 			:station-data="stations" />
 		<AppContent>
+			<div class="controls">
+				<Breadcrumbs>
+					<Breadcrumb title="Home" href="#/" />
+				</Breadcrumbs>
+			</div>
 			<Table
 				v-show="!pageLoading && stations.length > 0"
 				v-resize="onResize"
@@ -56,6 +61,8 @@
 import Content from '@nextcloud/vue/dist/Components/Content'
 import AppContent from '@nextcloud/vue/dist/Components/AppContent'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
+import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
 import Navigation from './../components/Navigation'
 import Table from './../components/Table'
 import Sidebar from './../components/Sidebar'
@@ -73,6 +80,8 @@ export default {
 		Table,
 		EmptyContent,
 		Sidebar,
+		Breadcrumbs,
+		Breadcrumb,
 	},
 	data: () => ({
 		pageLoading: false,