diff --git a/src/styles/index.scss b/src/styles/index.scss
index a96e1dbaeb4bfbc96bda8642e9f8938c7cae4b24..bcbb2f20890c7ff393ba9c714b61293d8c1d50d7 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -523,6 +523,11 @@ button[title="Choose a file to send"]{
   border-top: 1px solid var(--chat-head-color);
 }
 
+#conversejs .chatroom converse-chat-toolbar .fa-smile svg,
+#conversejs .toolbar-buttons .dropup .fa-smile {
+  fill: var(--chat-head-color);
+}
+
 #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker,
 #conversejs .chatbox .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker {
   background-color: var(--chatroom-head-color)