diff --git a/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx b/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx
index d76e2429..4dd2f43f 100644
--- a/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx
+++ b/apps/readest-app/src/app/reader/components/PageNavigationButtons.tsx
@@ -82,11 +82,11 @@ const PageNavigationButtons: React.FC<PageNavigationButtonsProps> = ({
 
       <div
         className={clsx(
-          'absolute left-2 z-10 -translate-y-1/2',
+          'absolute left-2 -translate-y-1/2',
           'flex items-center gap-1',
           'transition-opacity duration-300',
           isPageNavigationButtonsVisible
-            ? 'top-1/2 opacity-100'
+            ? 'top-1/2 z-10 opacity-100'
             : `${appService?.isAndroidApp ? 'bottom-2' : 'pointer-events-none bottom-12'} opacity-0`,
         )}
       >
@@ -130,11 +130,11 @@ const PageNavigationButtons: React.FC<PageNavigationButtonsProps> = ({
 
       <div
         className={clsx(
-          'absolute right-2 z-10 -translate-y-1/2',
+          'absolute right-2 -translate-y-1/2',
           'flex items-center gap-1',
           'transition-opacity duration-300',
           isPageNavigationButtonsVisible
-            ? 'top-1/2 opacity-100'
+            ? 'top-1/2 z-10 opacity-100'
             : `${appService?.isAndroidApp ? 'bottom-2' : 'pointer-events-none bottom-12'} opacity-0`,
         )}
       >
diff --git a/packages/foliate-js b/packages/foliate-js
index d81d1d42..38115b12 160000
--- a/packages/foliate-js
+++ b/packages/foliate-js
@@ -1 +1 @@
-Subproject commit d81d1d42657580ce15a68c522ab46c77232fbb76
+Subproject commit 38115b12203e03dcaa5d4dd89a1460b0168087c0