diff --git a/app/assets/javascripts/notes/components/diff_with_note.vue b/app/assets/javascripts/notes/components/diff_with_note.vue
index efb6fc67806a55f60299deba49c258e803876d86..3f95b94f4ea5cc4069a0ff3803deff8da4f4041b 100644
--- a/app/assets/javascripts/notes/components/diff_with_note.vue
+++ b/app/assets/javascripts/notes/components/diff_with_note.vue
@@ -171,7 +171,7 @@ export default {
             :file-hash="discussion.diff_file.file_hash"
             :show-comment-icon="true"
             :should-toggle-discussion="false"
-            badge-class="image-comment-badge gl-text-gray-500"
+            badge-class="image-comment-badge gl-text-purple-500 gl-bg-white gl-rounded-full gl-border-white gl-border-1 gl-border-solid gl-pointer-events-none gl-shadow-md"
           />
         </template>
       </diff-viewer>
diff --git a/app/assets/javascripts/notes/components/noteable_note.vue b/app/assets/javascripts/notes/components/noteable_note.vue
index c817655b649aee37f3040967cb97812c4e8a8b82..540a9392c6abe9708a210185f14946c7562e4b78 100644
--- a/app/assets/javascripts/notes/components/noteable_note.vue
+++ b/app/assets/javascripts/notes/components/noteable_note.vue
@@ -466,7 +466,7 @@ export default {
         :href="author.path"
         :data-user-id="author.id"
         :data-username="author.username"
-        class="js-user-link"
+        class="js-user-link gl-relative"
       >
         <gl-avatar
           :src="author.avatar_url"