diff --git a/apps/readest-app/src/app/reader/components/Ribbon.tsx b/apps/readest-app/src/app/reader/components/Ribbon.tsx
index 29b630c7..fae69ba5 100644
--- a/apps/readest-app/src/app/reader/components/Ribbon.tsx
+++ b/apps/readest-app/src/app/reader/components/Ribbon.tsx
@@ -8,7 +8,7 @@ interface RibbonProps {
 const Ribbon: React.FC<RibbonProps> = ({ width }) => {
   return (
     <div
-      className={clsx('absolute inset-0 z-40 flex h-11 justify-center')}
+      className={clsx('absolute inset-0 z-10 flex h-11 justify-center')}
       style={{ width: width }}
     >
       <svg