Tweak reaction size and padding (#10534)

src/components/dms/MessageItem.tsx

@@ -311,7 +311,6 @@ let MessageItem = ({
             style={[
               a.flex_row,
               a.gap_2xs,
-              a.px_xs,
               isFromSelf ? a.justify_end : a.justify_start,
               a.flex_wrap,
               a.rounded_lg,
@@ -324,6 +323,8 @@ let MessageItem = ({
               {
                 paddingTop: platform({android: 2, default: 3}),
                 paddingBottom: platform({android: 2, default: 3}),
+                paddingLeft: 6,
+                paddingRight: 6,
                 transform: [{translateY: -8}],
               },
             ]}
@@ -342,7 +343,7 @@ let MessageItem = ({
                 <Text
                   emoji
                   style={[
-                    a.text_xs,
+                    a.text_md,
                     {textAlignVertical: 'center', includeFontPadding: false},
                   ]}>
                   {group.value}
@@ -354,7 +355,7 @@ let MessageItem = ({
               <View style={[a.p_2xs, a.pl_0, a.justify_center]}>
                 <Text
                   style={[
-                    a.text_xs,
+                    a.text_sm,
                     a.font_medium,
                     hasSelfReacted
                       ? {color: t.palette.primary_900}