From 0516a4652272772aeb263d6e1c09aab3ad0dd5bf Mon Sep 17 00:00:00 2001
From: AVGVSTVS96 <122117267+AVGVSTVS96@users.noreply.github.com>
Date: Fri, 31 May 2024 15:17:43 +0530
Subject: [PATCH] style(`Messages.tsx`): Add border radius to code blocks

- Use arbitrary tailwind selector for divs within pre tags (`[&_pre>div]`) to add border radius to code blocks
---
 src/components/ChatUI/Messages.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ChatUI/Messages.tsx b/src/components/ChatUI/Messages.tsx
index 7864a1c8..f9983eb4 100644
--- a/src/components/ChatUI/Messages.tsx
+++ b/src/components/ChatUI/Messages.tsx
@@ -41,7 +41,7 @@ const CodeHighlight = ({
 
 export const Messages: React.FC<MessagesProps> = ({ messages }) => {
   const baseMessageStyles =
-    'prose prose-slate prose-invert flex w-max max-w-[75%] flex-col rounded-lg px-3 py-2 prose-pre:bg-transparent prose-pre:p-0 prose-ul:mt-0';
+    'prose prose-slate prose-invert flex w-max max-w-[75%] flex-col rounded-lg px-3 py-2 prose-pre:bg-transparent prose-pre:p-0 prose-ul:mt-0 [&_pre>div]:rounded-md';
   const userMessageStyles =
     'ml-auto bg-primary text-primary-foreground prose-code:text-primary-foreground';
   const assistantMessageStyles = 'bg-muted text-foreground';