diff --git a/src/lib/components/Reader/Reader.svelte b/src/lib/components/Reader/Reader.svelte
index 2d41924..91852e5 100644
--- a/src/lib/components/Reader/Reader.svelte
+++ b/src/lib/components/Reader/Reader.svelte
@@ -345,11 +345,13 @@
       on:mousedown={mouseDown}
       on:mouseup={left}
       class="left-0 top-0 absolute h-full w-16 hover:bg-slate-400 opacity-[0.01]"
+      style:width={`${$settings.edgeButtonWidth}px`}
     />
     <button
       on:mousedown={mouseDown}
       on:mouseup={right}
       class="right-0 top-0 absolute h-full w-16 hover:bg-slate-400 opacity-[0.01]"
+      style:width={`${$settings.edgeButtonWidth}px`}
     />
   {/if}
 {:else}
diff --git a/src/lib/settings/settings.ts b/src/lib/settings/settings.ts
index 40a7f1b..a9b3f71 100644
--- a/src/lib/settings/settings.ts
+++ b/src/lib/settings/settings.ts
@@ -77,7 +77,7 @@ const defaultSettings: Settings = {
   bounds: false,
   backgroundColor: '#030712',
   swipeThreshold: 50,
-  edgeButtonWidth: 10,
+  edgeButtonWidth: 40,
   showTimer: false,
   quickActions: true,
   fontSize: 'auto',