Inconsistent emoji format for markdown

src/components/EmojiWithTooltip/index.tsx

@@ -32,7 +32,9 @@ function EmojiWithTooltip({emojiCode, style = {}}: EmojiWithTooltipProps) {
 
     return (
         <Tooltip renderTooltipContent={emojiTooltipContent}>
-            <Text style={[style, styles.cursorDefault]}>{emojiCode}</Text>
+            <View style={styles.dInlineBlock}>
+                <Text style={[style, styles.cursorDefault]}>{emojiCode}</Text>
+            </View>
         </Tooltip>
     );
 }

src/styles/utils/display.ts

@@ -19,6 +19,10 @@ export default {
         display: 'none',
     },
 
+    dInlineBlock: {
+        display: 'inline-block',
+    },
+
     /**
      * display: 'contents' - Supported in React Native 0.77+
      * Ref: https://reactnative.dev/blog/2025/01/21/version-0.77#simpler-layouts-with-display-contents

src/styles/utils/emojiDefaultStyles/index.ts

@@ -1,11 +1,9 @@
-// eslint-disable-next-line no-restricted-imports
-import display from '@styles/utils/display';
 import FontUtils from '@styles/utils/FontUtils';
 import type EmojiDefaultStyles from './types';
 
 const emojiDefaultStyles: EmojiDefaultStyles = {
     ...FontUtils.fontFamily.platform.EXP_NEUE,
-    ...display.dInline,
+    textDecoration: 'none',
 };
 
 export default emojiDefaultStyles;