diff --git a/app/assets/stylesheets/common/base/sidebar-section-link.scss b/app/assets/stylesheets/common/base/sidebar-section-link.scss
index ce058ff691a..ebb46ded82c 100644
--- a/app/assets/stylesheets/common/base/sidebar-section-link.scss
+++ b/app/assets/stylesheets/common/base/sidebar-section-link.scss
@@ -55,7 +55,12 @@
           color: var(--d-sidebar-active-color);
         }
       }
-      .sidebar-section-link-content-badge,
+      .prefix-text {
+        background: var(--d-sidebar-active-prefix-background);
+      }
+      .sidebar-section-link-content-badge {
+        color: var(--d-sidebar-active-color);
+      }
       .sidebar-section-link-suffix.icon.unread svg {
         color: var(--d-sidebar-active-suffix-color);
       }
diff --git a/app/assets/stylesheets/common/base/sidebar.scss b/app/assets/stylesheets/common/base/sidebar.scss
index f0ee3b068f1..b46d086f25a 100644
--- a/app/assets/stylesheets/common/base/sidebar.scss
+++ b/app/assets/stylesheets/common/base/sidebar.scss
@@ -49,7 +49,7 @@
   --d-sidebar-active-background: var(--d-selected);
   --d-sidebar-active-color: var(--d-sidebar-link-color);
   --d-sidebar-active-icon-color: var(--d-sidebar-link-color);
-  --d-sidebar-active-prefix-background: var(--primary-300);
+  --d-sidebar-active-prefix-background: var(--primary-200);
   --d-sidebar-active-suffix-color: var(--tertiary-med-or-tertiary);
 }
 
diff --git a/plugins/chat/assets/stylesheets/common/chat-user-threads.scss b/plugins/chat/assets/stylesheets/common/chat-user-threads.scss
index ca555002df4..b58ed1a7b2a 100644
--- a/plugins/chat/assets/stylesheets/common/chat-user-threads.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-user-threads.scss
@@ -62,4 +62,7 @@
   .sidebar-section-link-content-text {
     color: var(--d-sidebar-link-color);
   }
+  .active .sidebar-section-link-content-text {
+    color: var(--d-sidebar-active-color);
+  }
 }