diff --git a/src/js/logic/rotate-custom-page.ts b/src/js/logic/rotate-custom-page.ts
index 4be3632..63efbb2 100644
--- a/src/js/logic/rotate-custom-page.ts
+++ b/src/js/logic/rotate-custom-page.ts
@@ -85,7 +85,7 @@ function createPageWrapper(
 
   const canvasWrapper = document.createElement('div');
   canvasWrapper.className =
-    'thumbnail-wrapper flex items-center justify-center p-2 h-36';
+    'thumbnail-wrapper flex items-center justify-center p-2 h-36 pointer-events-none';
   canvasWrapper.style.transition = 'transform 0.3s ease';
   // Apply initial rotation if it exists (negated for canvas display)
   const initialRotation = pageState.rotations[pageIndex] || 0;
diff --git a/src/js/logic/rotate-pdf-page.ts b/src/js/logic/rotate-pdf-page.ts
index 654b404..079102b 100644
--- a/src/js/logic/rotate-pdf-page.ts
+++ b/src/js/logic/rotate-pdf-page.ts
@@ -77,7 +77,7 @@ function createPageWrapper(
 
   const canvasWrapper = document.createElement('div');
   canvasWrapper.className =
-    'thumbnail-wrapper flex items-center justify-center p-2 h-36';
+    'thumbnail-wrapper flex items-center justify-center p-2 h-36 pointer-events-none';
   canvasWrapper.style.transition = 'transform 0.3s ease';
   // Apply initial rotation if it exists
   const initialRotation = pageState.rotations[pageIndex] || 0;