From b45ceef4e9b214ecc6131139fdffaf4ae7d45d58 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sun, 8 Mar 2026 01:46:34 +0530
Subject: [PATCH] refactor: improve styling and layout of the user dropdown
 menu in CommonHeader.

---
 src/components/layout/CommonHeader.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/CommonHeader.tsx b/src/components/layout/CommonHeader.tsx
index ec4bc48..185d2fa 100644
--- a/src/components/layout/CommonHeader.tsx
+++ b/src/components/layout/CommonHeader.tsx
@@ -244,11 +244,11 @@ export function CommonHeader() {
                           />
                         )}
                       </div>
-                      <div className="flex flex-col">
+                      <div className="flex flex-col min-w-0 overflow-hidden">
                         <p className="font-fractul font-medium text-[16px] leading-[20px] text-black">
                           {userName?.split(' ')[0] || 'User'}
                         </p>
-                        <p className="font-serif text-[14px] leading-[18px] text-black/50">
+                        <p className="font-serif text-[14px] leading-[18px] text-black/50 truncate">
                           {userEmail}
                         </p>
                       </div>