diff --git a/.changeset/fix-emoji-display-name-color.md b/.changeset/fix-emoji-display-name-color.md
new file mode 100644
index 00000000..667b20a2
--- /dev/null
+++ b/.changeset/fix-emoji-display-name-color.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Fix emoji color bleeding into adjacent text in read receipt display names on Safari/WebKit
diff --git a/src/app/features/room/RoomViewFollowing.tsx b/src/app/features/room/RoomViewFollowing.tsx
index c7285ace..6d9a60c6 100644
--- a/src/app/features/room/RoomViewFollowing.tsx
+++ b/src/app/features/room/RoomViewFollowing.tsx
@@ -89,56 +89,106 @@ export const RoomViewFollowing = as<'div', RoomViewFollowingProps>(
               <Text size="T300" truncate>
                 {names.length === 1 && (
                   <>
-                    <b>{names[0]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[0]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' is following the conversation.'}
                     </Text>
                   </>
                 )}
                 {names.length === 2 && (
                   <>
-                    <b>{names[0]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[0]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' and '}
                     </Text>
-                    <b>{names[1]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[1]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' are following the conversation.'}
                     </Text>
                   </>
                 )}
                 {names.length === 3 && (
                   <>
-                    <b>{names[0]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[0]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {', '}
                     </Text>
-                    <b>{names[1]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[1]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' and '}
                     </Text>
-                    <b>{names[2]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[2]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' are following the conversation.'}
                     </Text>
                   </>
                 )}
                 {names.length > 3 && (
                   <>
-                    <b>{names[0]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[0]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {', '}
                     </Text>
-                    <b>{names[1]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[1]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {', '}
                     </Text>
-                    <b>{names[2]}</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names[2]}</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' and '}
                     </Text>
-                    <b>{names.length - 3} others</b>
-                    <Text as="span" size="Inherit" priority="300">
+                    <b style={{ WebkitTextFillColor: 'inherit' }}>{names.length - 3} others</b>
+                    <Text
+                      as="span"
+                      size="Inherit"
+                      priority="300"
+                      style={{ WebkitTextFillColor: 'currentColor' }}
+                    >
                       {' are following the conversation.'}
                     </Text>
                   </>