diff --git a/src/components/Chat/ChatContent/Message/MessageContent.tsx b/src/components/Chat/ChatContent/Message/MessageContent.tsx
index 4e1b341..a6f7e7d 100644
--- a/src/components/Chat/ChatContent/Message/MessageContent.tsx
+++ b/src/components/Chat/ChatContent/Message/MessageContent.tsx
@@ -128,7 +128,7 @@ const ContentView = React.memo(
 
     return (
       <>
-        <div className='markdown prose w-full break-words dark:prose-invert dark'>
+        <div className='markdown prose w-full break-words dark:prose-invert dark share-gpt-message'>
           <ReactMarkdown
             remarkPlugins={[
               remarkGfm,
diff --git a/src/components/ShareGPT/ShareGPT.tsx b/src/components/ShareGPT/ShareGPT.tsx
index 8272fe0..12e4593 100644
--- a/src/components/ShareGPT/ShareGPT.tsx
+++ b/src/components/ShareGPT/ShareGPT.tsx
@@ -14,13 +14,19 @@ const ShareGPT = React.memo(() => {
     const chats = useStore.getState().chats;
     const currentChatIndex = useStore.getState().currentChatIndex;
     if (chats) {
-      const items: ShareGPTSubmitBodyInterface['items'] = chats[
-        currentChatIndex
-      ].messages.map((message) => ({
-        from: 'gpt',
-        value: `<p><b>${t(message.role)}</b></p>${message.content}`,
-      }));
       try {
+        const items: ShareGPTSubmitBodyInterface['items'] = [];
+        const messages = document.querySelectorAll('.share-gpt-message');
+
+        messages.forEach((message, index) => {
+          items.push({
+            from: 'gpt',
+            value: `<p><b>${t(
+              chats[currentChatIndex].messages[index].role
+            )}</b></p>${message.innerHTML}`,
+          });
+        });
+
         await submitShareGPT({
           avatarUrl: '',
           items,