diff --git a/plugins/chat/assets/stylesheets/common/chat-message.scss b/plugins/chat/assets/stylesheets/common/chat-message.scss
index 12d04a7a2ab..83b6331bbd1 100644
--- a/plugins/chat/assets/stylesheets/common/chat-message.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message.scss
@@ -140,10 +140,6 @@
     width: 28px;
     height: 28px;
   }
-
-  pre {
-    scrollbar-color: var(--primary-300) transparent;
-  }
 }
 
 .touch .chat-message-container {
diff --git a/plugins/chat/assets/stylesheets/mixins/chat-scrollbar.scss b/plugins/chat/assets/stylesheets/mixins/chat-scrollbar.scss
index a0a5d588021..db27af0dd2f 100644
--- a/plugins/chat/assets/stylesheets/mixins/chat-scrollbar.scss
+++ b/plugins/chat/assets/stylesheets/mixins/chat-scrollbar.scss
@@ -41,3 +41,9 @@
     width: var(--scrollbarWidth);
   }
 }
+
+.chat-message-text {
+  pre {
+    scrollbar-color: var(--primary-300) transparent;
+  }
+}