diff --git a/frontend/app/src/components/home/MessageActions.svelte b/frontend/app/src/components/home/MessageActions.svelte
index 7c916ab610..f196534874 100644
--- a/frontend/app/src/components/home/MessageActions.svelte
+++ b/frontend/app/src/components/home/MessageActions.svelte
@@ -144,7 +144,7 @@
     {#if permittedMessages.get("text") || messageAction === "file"}
         <div class="emoji" on:click|stopPropagation={openEmojiPicker}>
             <HoverIcon title={$_("pickEmoji")}>
-                <Smiley color={iconColour} />
+                <Smiley color={"var(--icon-txt)"} />
             </HoverIcon>
         </div>
     {/if}