diff --git a/src/lib/settings/index.ts b/src/lib/settings/index.ts
index 03e370b..0005e4f 100644
--- a/src/lib/settings/index.ts
+++ b/src/lib/settings/index.ts
@@ -15,7 +15,7 @@ type Settings = {
 const defaultSettings: Settings = {
   zoomMode: 'keep',
   rightToLeft: true,
-  singlePageView: false,
+  singlePageView: true,
   displayOCR: true,
   textEditable: false,
   textBoxBorders: false,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index aee9828..ab44104 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,4 +2,4 @@
 	import Catalog from '$lib/components/Catalog.svelte';
 </script>
 
-<Catalog />
+<div class="p-2"><Catalog /></div>
diff --git a/src/routes/[manga]/+page.svelte b/src/routes/[manga]/+page.svelte
index a2c36ed..4a9d65b 100644
--- a/src/routes/[manga]/+page.svelte
+++ b/src/routes/[manga]/+page.svelte
@@ -36,13 +36,17 @@
 	}
 </script>
 
-<div class="float-right"><Button outline color="red" on:click={onDelete}>Delete manga</Button></div>
-<div class="volumes">
-	{#if manga}
-		{#each manga as volume}
-			<VolumeItem {volume} />
-		{/each}
-	{/if}
+<div class="p-2">
+	<div class="float-right">
+		<Button outline color="red" on:click={onDelete}>Delete manga</Button>
+	</div>
+	<div class="volumes">
+		{#if manga}
+			{#each manga as volume}
+				<VolumeItem {volume} />
+			{/each}
+		{/if}
+	</div>
 </div>
 
 <Modal bind:open={popupModal} size="xs" autoclose>