diff --git a/src/utils/markdown_parser/sub_elements/slack_emoji.tsx b/src/utils/markdown_parser/sub_elements/slack_emoji.tsx
index 1933cf9..0a12ca1 100644
--- a/src/utils/markdown_parser/sub_elements/slack_emoji.tsx
+++ b/src/utils/markdown_parser/sub_elements/slack_emoji.tsx
@@ -10,7 +10,12 @@ export const SlackEmoji = (props: Props) => {
   const { element } = props;
   const { hooks } = useGlobalData();
 
-  if (hooks.emoji) return hooks.emoji(element.value, (name) => parseEmojis(`:${name}:`));
+  if (hooks.emoji)
+    return (
+      <span className="slack_emoji">
+        {hooks.emoji(element.value, (name) => parseEmojis(`:${name}:`))}
+      </span>
+    );
 
   return <span className="slack_emoji">{parseEmojis(`:${element.value}:`)}</span>;
 };