diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index fe470a9..563faa8 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -12,6 +12,12 @@
 
 	afterNavigate(() => {
 		isReader = $page.route.id === '/[manga]/[volume]';
+
+		if (isReader) {
+			window.document.body.classList.add('reader');
+		} else {
+			window.document.body.classList.remove('reader');
+		}
 	});
 </script>
 
diff --git a/src/routes/[manga]/[volume]/+layout.svelte b/src/routes/[manga]/[volume]/+layout.svelte
index 373fe61..2803b4f 100644
--- a/src/routes/[manga]/[volume]/+layout.svelte
+++ b/src/routes/[manga]/[volume]/+layout.svelte
@@ -1,19 +1,3 @@
-<script lang="ts">
-	import { currentVolume } from '$lib/catalog';
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-
-	const volume = $currentVolume;
-
-	onMount(() => {
-		if (!volume) {
-			goto('/');
-		} else {
-			window.document.body.classList.add('reader');
-		}
-	});
-</script>
-
 <slot />
 
 <style>