diff --git a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
index c12e61f87d..bc6721abda 100644
--- a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
+++ b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
@@ -1,13 +1,16 @@
+import {useColorScheme} from 'react-native'
+
 import {type EmojiPickerViewProps} from './EmojiPickerModule.types'
 import EmojiPickerNativeView from './EmojiPickerView'
 
 const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
+  const scheme = useColorScheme()
   return (
     <EmojiPickerNativeView
       onEmojiSelected={emoji => {
         onEmojiSelected(emoji)
       }}
-      style={styles}
+      style={[styles, {backgroundColor: scheme === 'dark' ? '#000' : '#fff'}]}
     />
   )
 }
@@ -15,7 +18,6 @@ const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
 const styles = {
   flex: 1,
   width: '100%',
-  backgroundColor: 'white',
 } as const
 
 export default EmojiPicker