diff --git a/src/lib/components/channel/MessageInput.svelte b/src/lib/components/channel/MessageInput.svelte
index 30f3613cd..c0605da8c 100644
--- a/src/lib/components/channel/MessageInput.svelte
+++ b/src/lib/components/channel/MessageInput.svelte
@@ -353,10 +353,10 @@
 				</div>
 
 				<div class="relative">
-					<div class=" -mt-5 bg-gradient-to-t from-white dark:from-gray-900">
+					<div class=" -mt-5">
 						{#if typingUsers.length > 0}
 							<div class=" text-xs px-4 mb-1">
-								<span class=" font-medium text-black dark:text-white">
+								<span class=" font-normal text-black dark:text-white">
 									{typingUsers.map((user) => user.name).join(', ')}
 								</span>
 								{$i18n.t('is typing...')}
diff --git a/src/lib/components/channel/Messages/Message/ReactionPicker.svelte b/src/lib/components/channel/Messages/Message/ReactionPicker.svelte
index bb80ef542..bf61a1e8d 100644
--- a/src/lib/components/channel/Messages/Message/ReactionPicker.svelte
+++ b/src/lib/components/channel/Messages/Message/ReactionPicker.svelte
@@ -95,7 +95,7 @@
 						{#if Object.keys(emojis).length === 0}
 							<div class="text-center text-xs text-gray-500 dark:text-gray-400">No results</div>
 						{:else}
-							{#each Object.keys(emojiGroups) as group}
+							{#each Object.keys(emojiGroups) as group (group)}
 								{@const groupEmojis = emojiGroups[group].filter((emoji) => emojis[emoji])}
 								{#if groupEmojis.length > 0}
 									<div class="flex flex-col">