From 23ce83a92d4eeb1c2b5cf4923d1f2ab908cdb976 Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Sun, 11 Jun 2023 23:07:38 +0400
Subject: [PATCH] fix: add padding to chat message

---
 components/chat-message.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/chat-message.tsx b/components/chat-message.tsx
index 2926d37..1de2707 100644
--- a/components/chat-message.tsx
+++ b/components/chat-message.tsx
@@ -17,7 +17,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
     <div className={cn('relative mb-4 flex items-start md:-ml-12')} {...props}>
       <div
         className={cn(
-          'flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full border',
+          'flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow',
           message.role === 'user'
             ? 'bg-background'
             : 'bg-primary text-primary-foreground'
@@ -29,7 +29,7 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
           <OpenAI className="h-4 w-4" />
         )}
       </div>
-      <div className="ml-4">
+      <div className="ml-4 px-1">
         <MemoizedReactMarkdown
           className="prose leading-6 dark:prose-invert prose-p:leading-[1.8rem] prose-pre:rounded-md prose-pre:bg-[#282c34]"
           remarkPlugins={[remarkGfm, remarkMath]}