diff --git a/app/soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx b/app/soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx
index 2963894e0c..47dea8d6f3 100644
--- a/app/soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx
+++ b/app/soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx
@@ -64,7 +64,7 @@ const EmojiPickerDropdownContainer = (
     <div className='relative' ref={setContainerElement}>
       <IconButton
         className={clsx({
-          'text-gray-400 hover:text-gray-600': true,
+          'text-gray-600 hover:text-gray-700 dark:hover:text-gray-500': true,
         })}
         ref={setPopperReference}
         src={require('@tabler/icons/mood-happy.svg')}