From fe8a64fd5d9181d05fa22affb0a613a189868dee Mon Sep 17 00:00:00 2001
From: Greg Richardson <greg.nmr@gmail.com>
Date: Thu, 8 May 2025 12:15:12 -0600
Subject: [PATCH] fix: ai assistant markdown formatting (#35541)

---
 apps/studio/components/ui/AIAssistantPanel/Message.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/studio/components/ui/AIAssistantPanel/Message.tsx b/apps/studio/components/ui/AIAssistantPanel/Message.tsx
index a9977ab4982..8b035527e19 100644
--- a/apps/studio/components/ui/AIAssistantPanel/Message.tsx
+++ b/apps/studio/components/ui/AIAssistantPanel/Message.tsx
@@ -107,7 +107,7 @@ export const Message = function Message({
                     return (
                       <ReactMarkdown
                         key={`${id}-part-${index}`}
-                        className="space-y-5 [&>*>code]:text-xs [&>*>*>code]:text-xs [&_li]:space-y-4"
+                        className="prose prose-sm [&_ol>li]:pl-4 [&_ol>li]:my-0 [&_li>p]:mt-0 space-y-5 [&>*>code]:text-xs [&>*>*>code]:text-xs [&_li]:space-y-4"
                         remarkPlugins={[remarkGfm]}
                         components={{
                           ...baseMarkdownComponents,
@@ -139,7 +139,7 @@ export const Message = function Message({
                           return (
                             <div
                               key={`${id}-tool-${toolCallId}`}
-                              className="w-auto -ml-[36px] overflow-x-hidden"
+                              className="w-auto overflow-x-hidden"
                             >
                               <QueryBlock
                                 label={args.label || 'SQL Snippet'}
@@ -183,7 +183,7 @@ export const Message = function Message({
               })
             ) : hasTextContent ? (
               <ReactMarkdown
-                className="space-y-5 flex-1 [&>*>code]:text-xs [&>*>*>code]:text-xs min-w-0 [&_li]:space-y-4"
+                className="prose prose-sm [&_ol>li]:pl-4 [&_ol>li]:my-0 space-y-5 flex-1 [&>*>code]:text-xs [&>*>*>code]:text-xs min-w-0 [&_li]:space-y-4"
                 remarkPlugins={[remarkGfm]}
                 components={allMarkdownComponents}
               >