From f1cf836bdcd73430046e2c0db46f4efd22f27ee0 Mon Sep 17 00:00:00 2001
From: Monojit Tewari <tewarimonojit@gmail.com>
Date: Wed, 26 Feb 2025 16:05:41 +0530
Subject: [PATCH] added flexibility to add non-ascii letter or spaces in
 username

---
 src/Components/Sidebar/index.jsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/Components/Sidebar/index.jsx b/src/Components/Sidebar/index.jsx
index 2d5d7636f..bc5705e61 100644
--- a/src/Components/Sidebar/index.jsx
+++ b/src/Components/Sidebar/index.jsx
@@ -628,10 +628,19 @@ function Sidebar() {
 				) : (
 					<>
 						<Avatar small={true} />
-						<Box ml={theme.spacing(2)}>
+						<Box
+							ml={theme.spacing(2)}
+							sx={{ maxWidth: "150px", overflow: "hidden" }}
+						>
 							<Typography
 								component="span"
 								fontWeight={500}
+								sx={{
+									display: "block",
+									whiteSpace: "nowrap",
+									overflow: "hidden",
+									textOverflow: "ellipsis",
+								}}
 							>
 								{authState.user?.firstName} {authState.user?.lastName}
 							</Typography>
@@ -707,11 +716,20 @@ function Sidebar() {
 				>
 					{collapsed && (
 						<MenuItem sx={{ cursor: "default", minWidth: "150px" }}>
-							<Box mb={theme.spacing(2)}>
+							<Box
+								mb={theme.spacing(2)}
+								sx={{ maxWidth: "150px", overflow: "hidden" }}
+							>
 								<Typography
 									component="span"
 									fontWeight={500}
 									fontSize={13}
+									sx={{
+										display: "block",
+										whiteSpace: "nowrap",
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+									}}
 								>
 									{authState.user?.firstName} {authState.user?.lastName}
 								</Typography>