diff --git a/src/features/compose/editor/nodes/emoji-node.tsx b/src/features/compose/editor/nodes/emoji-node.tsx
index 767731930..00500f199 100644
--- a/src/features/compose/editor/nodes/emoji-node.tsx
+++ b/src/features/compose/editor/nodes/emoji-node.tsx
@@ -81,7 +81,7 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
   decorate(): JSX.Element {
     const emoji = this.__emoji;
     if (isNativeEmoji(emoji)) {
-      return <Component emoji={emoji.native} alt={emoji.colons} className='emojione h-4 w-4' />;
+      return <Component emoji={emoji.native} alt={emoji.colons} title={emoji.colons} className='emojione h-4 w-4' />;
     } else {
       return <Component src={emoji.imageUrl} alt={emoji.colons} className='emojione h-4 w-4' />;
     }
diff --git a/src/styles/accessibility.scss b/src/styles/accessibility.scss
index 00d5fe384..3ead76a0c 100644
--- a/src/styles/accessibility.scss
+++ b/src/styles/accessibility.scss
@@ -5,7 +5,7 @@ $black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_sq
   transform: scale(0.71);
 }
 
-.emojione {
+.dark .emojione {
   @each $emoji in $black-emojis {
     &[title=':#{$emoji}:'] {
       @extend %white-emoji-outline;