diff --git a/src/App.vue b/src/App.vue
index e44931424..d560fbaad 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div id="content" :class="{ 'nav-hidden': !navShown, 'sidebar-hidden': !sidebarRouterView }">
-		<AppNavigation />
+		<AppNavigation v-show="navShown" />
 		<div id="app-content">
 			<router-view />
 		</div>
diff --git a/src/components/navigation/AppNavigation.vue b/src/components/navigation/AppNavigation.vue
index cbac93ce7..9e33955c6 100644
--- a/src/components/navigation/AppNavigation.vue
+++ b/src/components/navigation/AppNavigation.vue
@@ -156,4 +156,7 @@ export default {
 			color: var(--color-text-light);
 		}
 	}
+	::v-deep .app-navigation-toggle {
+		display: none;
+	}
 </style>