diff --git a/apps/readest-app/src/components/BookCover.tsx b/apps/readest-app/src/components/BookCover.tsx
index 7f34dbed..7c050509 100644
--- a/apps/readest-app/src/components/BookCover.tsx
+++ b/apps/readest-app/src/components/BookCover.tsx
@@ -48,7 +48,10 @@ const BookCover: React.FC<BookCoverProps> = ({
   return (
     <div
       ref={coverRef}
-      className={clsx('book-cover-container relative flex h-full w-full', className)}
+      className={clsx(
+        'book-cover-container no-context-menu relative flex h-full w-full',
+        className,
+      )}
     >
       {coverFit === 'crop' ? (
         <Image
diff --git a/apps/readest-app/src/styles/globals.css b/apps/readest-app/src/styles/globals.css
index 0e3ba5c9..8cae4d67 100644
--- a/apps/readest-app/src/styles/globals.css
+++ b/apps/readest-app/src/styles/globals.css
@@ -324,3 +324,12 @@ foliate-view {
 .drop-zone.drag-over .drop-indicator {
   display: block;
 }
+
+.no-context-menu {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  touch-action: manipulation;
+}