From d93cdec8bbb928d3d9dab2d00eade12106bbd3b6 Mon Sep 17 00:00:00 2001
From: chapoi <charlie@discourse.org>
Date: Thu, 9 Feb 2023 12:09:59 +0700
Subject: [PATCH] UX: BEM

---
 .../javascripts/discourse/components/chat-thread.hbs      | 2 +-
 plugins/chat/assets/stylesheets/common/chat-thread.scss   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/chat/assets/javascripts/discourse/components/chat-thread.hbs b/plugins/chat/assets/javascripts/discourse/components/chat-thread.hbs
index 741d5ee200..bdfe31a7d7 100644
--- a/plugins/chat/assets/javascripts/discourse/components/chat-thread.hbs
+++ b/plugins/chat/assets/javascripts/discourse/components/chat-thread.hbs
@@ -18,7 +18,7 @@
       </p>
 
       <div class="chat-thread__op">
-        <span class="chat-thread__op-started-by">{{i18n
+        <span class="chat-thread__started-by">{{i18n
             "chat.threads.started_by"
           }}</span>
         <ChatMessageAvatar
diff --git a/plugins/chat/assets/stylesheets/common/chat-thread.scss b/plugins/chat/assets/stylesheets/common/chat-thread.scss
index dc9dda9150..c862d5c4f9 100644
--- a/plugins/chat/assets/stylesheets/common/chat-thread.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-thread.scss
@@ -31,15 +31,15 @@
     flex-direction: row;
     align-items: center;
 
-    &-started-by {
-      margin-right: 0.5rem;
-    }
-
     .chat-message-avatar {
       width: var(--message-left-width);
     }
   }
 
+  &__started-by {
+    margin-right: 0.5rem;
+  }
+
   &__title {
     display: flex;
     align-items: center;