diff --git a/packages/web-ui/components/document-snippets.tsx b/packages/web-ui/components/document-snippets.tsx
index 3a3bbb6..df59b89 100644
--- a/packages/web-ui/components/document-snippets.tsx
+++ b/packages/web-ui/components/document-snippets.tsx
@@ -10,6 +10,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from '@/components/ui/dialog';
+import Markdown from '@/components/markdown';
 
 type DocumentSnippetsProps = {
   source: ChatMessageSourceType;
@@ -33,7 +34,7 @@ export function DocumentSnippets({ source }: DocumentSnippetsProps) {
         </DialogHeader>
         <>
           {source.snippets.map((snippet, index) => {
-            return <p key={index}>{snippet}</p>;
+            return <Markdown key={index} content={snippet}></Markdown>;
           })}
         </>
       </DialogContent>