diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index ed7fdfbd..67f8cb31 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -984,11 +984,25 @@ pre {
   width: 20px;
 }
 
+:global(.emoji-mart) {
+  border: none !important;
+  background-color: var(--solid_color_primary) !important;
+}
+
 :global(.emoji-mart-emoji span) {
   background-repeat: no-repeat;
   background-position: center;
 }
 
+:global(.emoji-mart-category-label span) {
+  background-color: var(--solid_color_primary) !important;
+  color: var(--text_color_primary) !important;
+}
+
+:global(.emoji-mart-category-label span) {
+  color: var(--text_color_primary) !important;
+}
+
 :global(.invisible) {
   font-size: 0px;
   display: inline;