diff --git a/services/web/frontend/stylesheets/app/editor/chat.less b/services/web/frontend/stylesheets/app/editor/chat.less
index bb6ff8f225..e98e0d1396 100644
--- a/services/web/frontend/stylesheets/app/editor/chat.less
+++ b/services/web/frontend/stylesheets/app/editor/chat.less
@@ -15,6 +15,7 @@
 
   .no-messages {
     padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
   }
 
   .first-message {
@@ -22,6 +23,7 @@
     bottom: 0;
     width: 100%;
     padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
   }
 
   .messages {
diff --git a/services/web/frontend/stylesheets/core/ol-light-variables.less b/services/web/frontend/stylesheets/core/ol-light-variables.less
index f427d762ef..d21e8e3d67 100644
--- a/services/web/frontend/stylesheets/core/ol-light-variables.less
+++ b/services/web/frontend/stylesheets/core/ol-light-variables.less
@@ -119,6 +119,7 @@
 
 // Chat
 @chat-bg: #fff;
+@chat-instructions-color: @ol-blue-gray-3;
 @chat-message-color: #fff;
 @chat-message-name-color: @ol-blue-gray-3;
 @chat-message-date-color: @ol-blue-gray-3;
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 6731c30b67..a6a749a349 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -1049,6 +1049,7 @@
 
 // Chat
 @chat-bg: @ol-blue-gray-5;
+@chat-instructions-color: @ol-blue-gray-1;
 @chat-message-color: #fff;
 @chat-message-date-color: @ol-blue-gray-2;
 @chat-message-name-color: #fff;