diff --git a/packages/react/src/components/Markdown/Markdown.css b/packages/react/src/components/Markdown/Markdown.css
new file mode 100644
index 000000000..d064d21a2
--- /dev/null
+++ b/packages/react/src/components/Markdown/Markdown.css
@@ -0,0 +1,11 @@
+/*
+* Temporary fix for Issue #273 until "Markdown.styles.js" works correctly
+*/
+
+.joypixels {
+    height: 1.5rem;
+    width: 1.5rem;
+    image-rendering: pixelated;
+    font-size: inherit;
+    vertical-align: middle;
+}
diff --git a/packages/react/src/components/Markdown/Markdown.js b/packages/react/src/components/Markdown/Markdown.js
index 031925749..02724ce37 100644
--- a/packages/react/src/components/Markdown/Markdown.js
+++ b/packages/react/src/components/Markdown/Markdown.js
@@ -4,6 +4,7 @@ import { css } from '@emotion/react'; // Import Emotion's css function
 import { Markup } from '../Markup/index';
 import { Box } from '../Box';
 import MessageEmoji from '../MessageEmoji/MessageEmoji';
+import {} from './Markdown.css'
 
 const Markdown = ({ body, isReaction = false }) => {
   if (isReaction) {
diff --git a/packages/react/src/components/Markdown/Markdown.styles.js b/packages/react/src/components/Markdown/Markdown.styles.js
index f40cacf8f..2aad12cbf 100644
--- a/packages/react/src/components/Markdown/Markdown.styles.js
+++ b/packages/react/src/components/Markdown/Markdown.styles.js
@@ -20,6 +20,7 @@ export const markdownStyles = {
     width: 1.5rem;
     image-rendering: pixelated;
     font-size: inherit; // Use 'inherit' to match text size
+    vertical-align: middle; // Hotfix in "Markdown.css"
   `,
   joypixels_BigEmoji: css`
     height: 2.75rem;