diff --git a/src/components/EmojiPicker/index.tsx b/src/components/EmojiPicker/index.tsx
index 99353844..16a07ef2 100644
--- a/src/components/EmojiPicker/index.tsx
+++ b/src/components/EmojiPicker/index.tsx
@@ -33,7 +33,8 @@ export default function EmojiPicker({
           '--epr-category-label-bg-color': 'hsl(var(--background))',
           '--epr-text-color': 'hsl(var(--foreground))',
           '--epr-hover-bg-color': 'hsl(var(--muted) / 0.5)',
-          '--epr-picker-border-color': 'transparent'
+          '--epr-picker-border-color': 'transparent',
+          '--epr-search-input-bg-color': 'hsl(var(--muted) / 0.5)'
         } as React.CSSProperties
       }
       suggestedEmojisMode={SuggestionMode.FREQUENT}