From 3f716c62306da83068b054376dd444e4bfcd15f2 Mon Sep 17 00:00:00 2001
From: savindi7 <savindi@wso2.com>
Date: Fri, 27 Oct 2023 13:11:55 +0530
Subject: [PATCH] chore(react): update text style Avatar in Header

---
 packages/react/src/components/Header/Header.tsx  | 2 +-
 packages/react/src/components/Header/header.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
index 1458b083..31257bc9 100644
--- a/packages/react/src/components/Header/Header.tsx
+++ b/packages/react/src/components/Header/Header.tsx
@@ -221,7 +221,7 @@ const Header: FC<HeaderProps> & WithWrapperProps = (props: HeaderProps): ReactEl
               endIcon: <ChevronDownIcon />,
               startIcon: (
                 <Avatar className="image" alt="User Image" src={user?.image}>
-                  {user?.name?.split('')[0].toLocaleUpperCase()}
+                  {user?.name?.split('')[0]}
                 </Avatar>
               ),
               ...userDropdownMenuProps.triggerOptions,
diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
index 5d37e74c..0cbbfcc7 100644
--- a/packages/react/src/components/Header/header.scss
+++ b/packages/react/src/components/Header/header.scss
@@ -91,6 +91,7 @@
     .image {
       width: 2.2rem;
       height: 2.2rem;
+      text-transform: capitalize;
     }
   }