diff --git a/templates/reader.templ b/templates/reader.templ
index 5716f4b..1b41915 100644
--- a/templates/reader.templ
+++ b/templates/reader.templ
@@ -45,7 +45,7 @@ templ Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookm
 					</div>
 				</div>
 			</div>
-			<main id="reader-content" class="w-full h-full">
+			<main id="reader-content" tabindex="0" class="ebook-content w-full h-full">
 				<!-- Content loaded by JavaScript based on media type -->
 			</main>
 			@DictionaryPopup()
diff --git a/web/src/reader/settings-manager.ts b/web/src/reader/settings-manager.ts
index 01310e7..01ab2f8 100644
--- a/web/src/reader/settings-manager.ts
+++ b/web/src/reader/settings-manager.ts
@@ -15,24 +15,35 @@ export function init(context: ReaderContext): void {
     context.events.emit("settings:loaded", currentSettings);
   });
 
-  context.events.on("settings:save", async (detail: { settings: Partial<ReaderSettings> }) => {
-    await saveSettings(detail.settings);
-    currentSettings = await loadSettings();
-    context.events.emit("settings:changed", currentSettings);
-  });
+  context.events.on(
+    "settings:save",
+    async (detail: { settings: Partial<ReaderSettings> }) => {
+      await saveSettings(detail.settings);
+      currentSettings = await loadSettings();
+      context.events.emit("settings:changed", currentSettings);
+    },
+  );
 
-  context.events.on("settings:get", (detail: { key?: keyof ReaderSettings }) => {
-    if (currentSettings) {
-      const value = detail.key ? currentSettings[detail.key] : currentSettings;
-      context.events.emit("settings:current", { value });
-    }
-  });
+  context.events.on(
+    "settings:get",
+    (detail: { key?: keyof ReaderSettings }) => {
+      if (currentSettings) {
+        const value = detail.key
+          ? currentSettings[detail.key]
+          : currentSettings;
+        context.events.emit("settings:current", { value });
+      }
+    },
+  );
 
-  context.events.on("settings:set", async (detail: { key: keyof ReaderSettings; value: any }) => {
-    await saveSettings({ [detail.key]: detail.value });
-    currentSettings = await loadSettings();
-    context.events.emit("settings:changed", currentSettings);
-  });
+  context.events.on(
+    "settings:set",
+    async (detail: { key: keyof ReaderSettings; value: any }) => {
+      await saveSettings({ [detail.key]: detail.value });
+      currentSettings = await loadSettings();
+      context.events.emit("settings:changed", currentSettings);
+    },
+  );
 
   context.events.on("settings:sync", async () => {
     await syncSettings();
@@ -93,7 +104,7 @@ async function syncSettings(): Promise<void> {
   }
 }
 
-function getDefaultSettings(): ReaderSettings {
+export function getDefaultSettings(): ReaderSettings {
   return {
     chrome_behavior: "auto-hide",
     progress_mode: "pages",
@@ -149,4 +160,4 @@ function getDefaultSettings(): ReaderSettings {
       mobile_nav_visible: true,
     },
   } as ReaderSettings;
-}
\ No newline at end of file
+}