diff --git a/components/Message.tsx b/components/Message.tsx
index 6514add..26dc1a6 100644
--- a/components/Message.tsx
+++ b/components/Message.tsx
@@ -1,11 +1,12 @@
 import { MessageColor } from '@utils/Constants'
+import Markdown from './Markdown'
 
 const Message = ({ type, children }: MessageProps): JSX.Element => {
 	return (
 		<div
 			className={`${MessageColor[type]} px-6 py-4 rounded-md text-base mx-auto w-full text-left`}
 		>
-			{children}
+			{ typeof children === 'string' ? <Markdown text={children} /> : children }
 		</div>
 	)
 }