diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index d989264f..378bbc9e 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -96,7 +96,7 @@ async function handleClick(event) {
 </template>
 
 <style scoped>
-img {
+:deep(img) {
   pointer-events: none;
 }
 .picking-cursor {
diff --git a/app/components/RemoteRenderingView.vue b/app/components/RemoteRenderingView.vue
index 3dfde883..b5a3d5ae 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -141,4 +141,16 @@ onMounted(async () => {
   background-color: transparent;
   border-radius: 16px;
 }
+
+:deep(img) {
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  user-drag: none;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
 </style>