diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 8775ce6fdcb438fc475d83e7456829e1153cf161..95e432cb659e3b2845adf018c8daa3eae79171ff 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1425,7 +1425,7 @@ button.active i.fa-retweet {
 .emoji-dialog {
   width: 280px;
   height: 220px;
-  background: $color2;
+  background: darken($color3, 10%);
   box-sizing: border-box;
   border-radius: 2px;
   overflow: hidden;