diff --git a/src/components/Modal/UserModal/UserModal.vue b/src/components/Modal/UserModal/UserModal.vue
index 3913715fe..96d9f205b 100644
--- a/src/components/Modal/UserModal/UserModal.vue
+++ b/src/components/Modal/UserModal/UserModal.vue
@@ -10,6 +10,7 @@
         v-if="!isMobile"
         :user-id="id"
         prevent-modal
+        is-user-modal
         :class="$style.icon"
         :style="styles.icon"
       />
diff --git a/src/components/UI/UserIcon.vue b/src/components/UI/UserIcon.vue
index 6251c1046..fa5e927b5 100644
--- a/src/components/UI/UserIcon.vue
+++ b/src/components/UI/UserIcon.vue
@@ -30,12 +30,14 @@ const props = withDefaults(
     indicatorSize?: number
     preventModal?: boolean
     hasNotification?: boolean
+    isUserModal?: boolean
   }>(),
   {
     size: 36,
     indicatorSize: 10,
     preventModal: false,
-    hasNotification: false
+    hasNotification: false,
+    isUserModal: false
   }
 )
 
@@ -64,7 +66,8 @@ const styles = reactive({
     backgroundImage: userIconFileId.value
       ? `url(${buildUserIconPath(userIconFileId.value)})`
       : undefined,
-    pointerEvents: props.preventModal ? ('none' as const) : undefined
+    pointerEvents:
+      props.preventModal && !props.isUserModal ? ('none' as const) : undefined
   }))
 })