From 27c77861c5317883f9a26fb0d28e9b4510ce4688 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 31 Oct 2024 21:29:38 +0100
Subject: [PATCH] pl-fe: fix emoji button styles in media modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../emoji/containers/emoji-picker-dropdown-container.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
index b35490417..d042ef3b2 100644
--- a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
+++ b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
@@ -56,8 +56,9 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
         })
       ) : (
         <IconButton
-          className={clsx('emoji-picker-dropdown', {
-            'text-gray-600 hover:text-gray-700 dark:hover:text-gray-500': theme === 'default',
+          theme='transparent'
+          className={clsx('emoji-picker-dropdown -m-1 p-2', {
+            'text-gray-600 hover:text-gray-800 dark:hover:text-white bg-transparent hover:bg-primary-100 dark:hover:bg-primary-800 black:hover:bg-gray-800': theme === 'default',
             'text-white/80 hover:text-white bg-transparent dark:bg-transparent': theme === 'inverse',
           })}
           ref={refs.setReference}