diff --git a/conversejs/custom/shared/styles/_peertubetheme.scss b/conversejs/custom/shared/styles/_peertubetheme.scss
index a8e9e008..980e5099 100644
--- a/conversejs/custom/shared/styles/_peertubetheme.scss
+++ b/conversejs/custom/shared/styles/_peertubetheme.scss
@@ -52,15 +52,16 @@
 
       .emoji-picker__header {
         color: var(--peertube-main-background);
-        background-color: var(--peertube-main-foreground);
+        background-color: var(--peertube-main-background);
 
         ul {
           .emoji-category {
             color: var(--peertube-main-background);
-            background-color: var(--peertube-main-foreground);
+            background-color: #2d2d2d;
+            border-bottom: 1px solid var(--peertube-main-foreground);
 
             a {
-              color: currentcolor;
+              color: white;
             }
 
             &.picked {