diff --git a/app/javascript/controllers/created_by_current_user_controller.js b/app/javascript/controllers/created_by_current_user_controller.js
index 734028afe..3c4fdb585 100644
--- a/app/javascript/controllers/created_by_current_user_controller.js
+++ b/app/javascript/controllers/created_by_current_user_controller.js
@@ -2,10 +2,10 @@ import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static values = { selector: String }
-  static classes = [ "differentiator" ]
+  static classes = [ "mine" ]
 
   connect() {
-    this.#createdElements.forEach(el => el.classList.add(this.differentiatorClass))
+    this.#createdElements.forEach(el => el.classList.add(this.mineClass))
   }
 
   get #createdElements() {
diff --git a/app/views/bubbles/_thread.html.erb b/app/views/bubbles/_thread.html.erb
index 867cccaaa..64db82bc6 100644
--- a/app/views/bubbles/_thread.html.erb
+++ b/app/views/bubbles/_thread.html.erb
@@ -3,7 +3,7 @@
     style="--bubble-color: <%= bubble.color %>"
     data-controller="created-by-current-user"
     data-created-by-current-user-selector-value=".comment"
-    data-created-by-current-user-differentiator-class="comment--mine">
+    data-created-by-current-user-mine-class="comment--mine">
   <%# Template Dependency: comments/comment %>
   <%# Template Dependency: event_summaries/event_summary %>
   <%= render bubble.messages, cache: true %>