diff --git a/conversejs/custom/sass/_peertubetheme.scss b/conversejs/custom/sass/_peertubetheme.scss
index b454d660..6f6c3f1a 100644
--- a/conversejs/custom/sass/_peertubetheme.scss
+++ b/conversejs/custom/sass/_peertubetheme.scss
@@ -27,6 +27,11 @@
     }
   }
 
+  .list-group-item {
+    color: var(--peertube-main-foreground);
+    background-color: var(--peertube-main-background);
+  }
+
   // hidding avatars when screen width is not big enough.
   @media screen and (max-width: 576px) {
     .message {