From 1ec8ce256fde11a8977e905d30ce877e7df3bc63 Mon Sep 17 00:00:00 2001
From: Ahmet Kilinc <akx9@icloud.com>
Date: Mon, 14 Jul 2025 00:39:23 +0100
Subject: [PATCH] fix: mail display avatar (#1702)

## Description

Added specific styling to the BimiAvatar component in the mail display to ensure consistent sizing and proper vertical alignment. The avatar now has a fixed height and width of 8 units and a top margin of 3 units.

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

* **Style**
  * Updated the avatar in mail display with improved spacing and consistent sizing for a more polished appearance.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/mail/components/mail/mail-display.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/mail/components/mail/mail-display.tsx b/apps/mail/components/mail/mail-display.tsx
index 49a35203a..92bc57e34 100644
--- a/apps/mail/components/mail/mail-display.tsx
+++ b/apps/mail/components/mail/mail-display.tsx
@@ -1301,7 +1301,11 @@ const MailDisplay = ({ emailData, index, totalEmails, demo, threadAttachments }:
           >
             <div className="mt-3 flex w-full items-start justify-between gap-4 px-4">
               <div className="flex w-full justify-center gap-4">
-                <BimiAvatar email={emailData?.sender?.email} name={emailData?.sender?.name} />
+                <BimiAvatar
+                  email={emailData?.sender?.email}
+                  name={emailData?.sender?.name}
+                  className="mt-3 h-8 w-8"
+                />
 
                 <div className="flex w-full items-center justify-between">
                   <div className="flex w-full items-center justify-start">