From 8f74cc61ecda2470905b20ac595f014202d3d5c4 Mon Sep 17 00:00:00 2001
From: Dominic Elm <d3lm@users.noreply.github.com>
Date: Thu, 22 Aug 2024 14:27:34 +0200
Subject: [PATCH] fix: user avatar (#51)

---
 packages/bolt/app/components/chat/Messages.client.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/bolt/app/components/chat/Messages.client.tsx b/packages/bolt/app/components/chat/Messages.client.tsx
index 6d04542..918edb4 100644
--- a/packages/bolt/app/components/chat/Messages.client.tsx
+++ b/packages/bolt/app/components/chat/Messages.client.tsx
@@ -35,8 +35,12 @@ export const Messages = React.forwardRef<HTMLDivElement, MessagesProps>((props:
                 })}
               >
                 {isUserMessage && (
-                  <div className="flex items-center justify-center min-w-[34px] min-h-[34px] bg-white text-gray-600 rounded-full p-1 self-start">
-                    {avatar ? <img className="w-6 h-6" src={avatar} /> : <div className="i-ph:user-fill text-xl"></div>}
+                  <div className="flex items-center justify-center w-[34px] h-[34px] overflow-hidden bg-white text-gray-600 rounded-full shrink-0 self-start">
+                    {avatar ? (
+                      <img className="w-full h-full object-cover" src={avatar} />
+                    ) : (
+                      <div className="i-ph:user-fill text-xl"></div>
+                    )}
                   </div>
                 )}
                 <div className="grid grid-col-1 w-full">