diff --git a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image.vue b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image.vue
index 95f4395ac13..a6c1737dcab 100644
--- a/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image.vue
+++ b/app/assets/javascripts/vue_shared/components/user_avatar/user_avatar_image.vue
@@ -68,7 +68,8 @@ export default {
     sanitizedSource() {
       let baseSrc = this.imgSrc === '' || this.imgSrc === null ? defaultAvatarUrl : this.imgSrc;
       // Only adds the width to the URL if its not a base64 data image
-      if (!baseSrc.startsWith('data:') && !baseSrc.includes('?')) baseSrc += `?width=${this.size}`;
+      if (!(baseSrc.indexOf('data:') === 0) && !baseSrc.includes('?'))
+        baseSrc += `?width=${this.size}`;
       return baseSrc;
     },
     resultantSrcAttribute() {
diff --git a/changelogs/unreleased/patch-38.yml b/changelogs/unreleased/patch-38.yml
new file mode 100644
index 00000000000..9179fc6846e
--- /dev/null
+++ b/changelogs/unreleased/patch-38.yml
@@ -0,0 +1,5 @@
+---
+title: fix display comment avatars issue in IE 11
+merge_request: 24777
+author: Gokhan Apaydin
+type: fixed