diff --git a/public/kaios-native-ui.css b/public/kaios-native-ui.css
index 7b5cd80..1d2cf73 100644
--- a/public/kaios-native-ui.css
+++ b/public/kaios-native-ui.css
@@ -38,8 +38,9 @@
   --button-background-focused: #873eff;
   --button-color-focused: #ffffff;
 
-  --chatbox-indicator-background-focused: #6a6a6a;
-  --chatbox-indicator-color-focused: #ffffff;
+  --chatbox-indicator-color: #7d7d7d;
+  --chatbox-indicator-background-focused: #eaeaea;
+  --chatbox-indicator-color-focused: #7d7d7d;
   --chatbox-background: #cccccc;
   --chatbox-background-primary: #873eff;
   --chatbox-color: #323232;
diff --git a/src/components/ChatMessage.svelte b/src/components/ChatMessage.svelte
index b993e99..33991c9 100644
--- a/src/components/ChatMessage.svelte
+++ b/src/components/ChatMessage.svelte
@@ -198,7 +198,7 @@
     margin: 0 0 0 4.5rem;
     font-size: 1.4rem;
     font-weight: 400;
-    color: var(--chatbox-color);
+    color: var(--chatbox-indicator-color);
   }
 
   .own-chat .chat-item-info {
@@ -212,7 +212,7 @@
   .chat-item-bare {
     font-size: 1.4rem;
     font-weight: 400;
-    color: var(--chatbox-color);
+    color: var(--chatbox-indicator-color);
     margin-top: 0;
     text-align: center;
   }