updated the menu clip

src/components/organism/Sidebar/AdminSidebar/index.tsx

@@ -160,7 +160,7 @@ export default function AdminMenu({ open }: { open: boolean }) {
                     >
                         <Link
                             href={href}
-                            className={`flex gap-2 items-center px-4 py-2 ${open ? "expanded" : "collapsed"
+                            className={`flex gap-2 items-start px-4 py-2 ${open ? "expanded" : "collapsed"
                                 } ${active ? "active__menu" : ""}`}
                         >
                             <ListItemIcon className={open ? "expanded" : "collapsed"}>

src/components/organism/Sidebar/UserSidebar/index.tsx

@@ -79,10 +79,6 @@ export default function UserMenu({ open }: { open: boolean }) {
 
     return (
         <>
-            <Box sx={{
-                maxHeight: "calc(100vh - 210px)",
-                overflowY: "auto",
-            }} className={` ${open ? "px-3" : ""}`}>
             {/* Buy Coins & Withdraw */}
             {open && (
                 <Private>
@@ -98,6 +94,11 @@ export default function UserMenu({ open }: { open: boolean }) {
                     </div>
                 </Private>
             )}
+            <Box sx={{
+                maxHeight: "calc(100vh - 310px)",
+                overflowY: "auto",
+            }} className={` ${open ? "px-3" : ""}`}>
+
 
                 <div className="flex flex-col gap-16 lg:gap-28">
                     <List
@@ -146,7 +147,7 @@ export default function UserMenu({ open }: { open: boolean }) {
                                 >
                                     <Link
                                         href={menu.path}
-                                        className={`flex gap-2 items-center px-4 py-2 transition-all rounded-[38px] ${[open ? "expanded" : "collapsed", isActive ? "active__menu" : ""].join(" ")
+                                        className={`flex gap-2 items-start px-4 py-2 transition-all rounded-[38px] ${[open ? "expanded" : "collapsed", isActive ? "active__menu" : ""].join(" ")
                                             }`}
                                     >
                                         <ListItemIcon>{menu.icon}</ListItemIcon>

src/theme/palette.ts

@@ -472,8 +472,17 @@ export default function Palette(mode: ThemeMode) {
                         "&.collapsed": { opacity: 0 },
                         "&.expanded": { opacity: 1 },
                     },
+                    primary: {
+                        whiteSpace: 'normal',
+                        wordBreak: 'break-word',
+                    },
+                    secondary: {
+                        whiteSpace: 'normal',
+                        wordBreak: 'break-word',
                     },
                 },
             },
+
+        },
     });
 }