1 files changed, 4 insertions, 2 deletions
diff --git a/src/components/dms/EmojiReactionPicker.tsx b/src/components/dms/EmojiReactionPicker.tsx
index bf68b6e3a..cdb1680e8 100644
--- a/src/components/dms/EmojiReactionPicker.tsx
+++ b/src/components/dms/EmojiReactionPicker.tsx
@@ -53,15 +53,17 @@ export function EmojiReactionPicker({
 
   const limitReacted = hasReachedReactionLimit(message, currentAccount?.did)
 
+  const bgColor = t.scheme === 'light' ? t.atoms.bg : t.atoms.bg_contrast_25
+
   return (
     <View
       onLayout={evt => setLayout(evt.nativeEvent.layout)}
       style={[
+        bgColor,
         a.rounded_full,
         a.absolute,
         {bottom: '100%'},
         isFromSelf ? a.right_0 : a.left_0,
-        t.scheme === 'light' ? t.atoms.bg : t.atoms.bg_contrast_25,
         a.flex_row,
         a.p_xs,
         a.gap_xs,
@@ -97,7 +99,7 @@ export function EmojiReactionPicker({
                       }
                     : alreadyReacted
                     ? {backgroundColor: t.palette.primary_200}
-                    : t.atoms.bg,
+                    : bgColor,
                   {height: 40, width: 40},
                   a.justify_center,
                   a.align_center,