From d7be07406cb12f32868a5d4d0143420d77688461 Mon Sep 17 00:00:00 2001
From: Onur Arslan <runoxa@hotmail.com>
Date: Mon, 8 Jan 2024 22:28:45 +0100
Subject: [PATCH] Style adjustments in sidebar collapsible menu - collapse menu
 adjustments

---
 pkgs/ui/src/components/sidebar/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index 960d643..a671da6 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -165,7 +165,7 @@ export function Sidebar(props: SidebarProps) {
                     >
                       <ListItemIcon
                         color="inherit"
-                        className="justify-center overflow-hidden text-white lg:justify-normal"
+                        className="overflow-hidden text-white lg:justify-normal"
                       >
                         {menuEntry.icon}
                       </ListItemIcon>
@@ -179,7 +179,7 @@ export function Sidebar(props: SidebarProps) {
                       {collapseMenuOpen ? <ExpandLess /> : <ExpandMore />}
                     </ListItemButton>
                     <Collapse
-                      in={collapseMenuOpen}
+                      in={collapseMenuOpen && show}
                       timeout="auto"
                       unmountOnExit
                     >
@@ -188,7 +188,7 @@ export function Sidebar(props: SidebarProps) {
                           <ListItemButton
                             key={idx}
                             sx={{ pl: 4 }}
-                            className="justify-center lg:justify-normal"
+                            className="lg:justify-normal"
                             LinkComponent={Link}
                             href={menuEntry.to}
                             disabled={menuEntry.disabled}
@@ -197,7 +197,7 @@ export function Sidebar(props: SidebarProps) {
                           >
                             <ListItemIcon
                               color="inherit"
-                              className="justify-center overflow-hidden text-white lg:justify-normal"
+                              className="overflow-hidden text-white lg:justify-normal"
                             >
                               {menuEntry.icon}
                             </ListItemIcon>