diff --git a/client/src/assets/main.css b/client/src/assets/main.css
index 82ad9a9..8bb55db 100644
--- a/client/src/assets/main.css
+++ b/client/src/assets/main.css
@@ -13,12 +13,16 @@
 
   body {
     @apply font-sans antialiased bg-black text-white;
+    user-select: auto;
+    -webkit-user-select: auto;
   }
 
   /* Dark gradient background for app container */
   #app {
     background: linear-gradient(135deg, #1a0b2e 0%, #0a0118 50%, #000000 100%);
     min-height: 100vh;
+    user-select: auto;
+    -webkit-user-select: auto;
   }
 
   /* Smooth scrolling */
diff --git a/client/src/components/ImageOverlay.vue b/client/src/components/ImageOverlay.vue
index a51ae8c..d31204b 100644
--- a/client/src/components/ImageOverlay.vue
+++ b/client/src/components/ImageOverlay.vue
@@ -95,7 +95,7 @@ const overlayStyle = computed(() => {
     width: `${width}px`,
     height: `${height}px`,
     cursor: 'pointer',
-    zIndex: 10
+    zIndex: 1
   }
 })
 
@@ -109,6 +109,7 @@ function handleClick(event) {
 .image-overlay {
   position: absolute;
   transition: all 0.2s ease;
+  pointer-events: auto;
 }
 
 .image-overlay:hover {
diff --git a/client/src/views/DocumentView.vue b/client/src/views/DocumentView.vue
index 24efa6f..b52c76f 100644
--- a/client/src/views/DocumentView.vue
+++ b/client/src/views/DocumentView.vue
@@ -451,6 +451,10 @@ onBeforeUnmount(() => {
   line-height: 1.0;
   pointer-events: auto;
   user-select: text;
+  z-index: 2;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
 }
 
 .textLayer > span {
@@ -460,6 +464,10 @@ onBeforeUnmount(() => {
   cursor: text;
   transform-origin: 0% 0%;
   user-select: text;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  pointer-events: auto;
 }
 
 .textLayer ::selection {