relative width applied to sidebar profile view

src/Components/Sidebar/index.jsx

@@ -630,7 +630,7 @@ function Sidebar() {
 						<Avatar small={true} />
 						<Box
 							ml={theme.spacing(2)}
-							sx={{ maxWidth: "150px", overflow: "hidden" }}
+							sx={{ maxWidth: "50%", overflow: "hidden" }}
 						>
 							<Typography
 								component="span"
@@ -718,7 +718,7 @@ function Sidebar() {
 						<MenuItem sx={{ cursor: "default", minWidth: "150px" }}>
 							<Box
 								mb={theme.spacing(2)}
-								sx={{ maxWidth: "150px", overflow: "hidden" }}
+								sx={{ maxWidth: "50%", overflow: "hidden" }}
 							>
 								<Typography
 									component="span"