diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index 96a65c46..06e49b83 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -74,7 +74,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 5e9a0c1a..9fda7983 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -123,4 +123,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>