From 44e0cd9ab95b03f69434c6167fc292c0344ce9c2 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 21 Sep 2023 17:10:25 +0100
Subject: [PATCH] Update Menu.tsx

---
 code/ui/manager/src/components/sidebar/Menu.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/code/ui/manager/src/components/sidebar/Menu.tsx b/code/ui/manager/src/components/sidebar/Menu.tsx
index 2ebca4e0aa1d..9baca421152e 100644
--- a/code/ui/manager/src/components/sidebar/Menu.tsx
+++ b/code/ui/manager/src/components/sidebar/Menu.tsx
@@ -66,7 +66,7 @@ export const SidebarIconButton: FC<
 
 const MenuButtonGroup = styled.div({
   display: 'flex',
-  gap: 5,
+  gap: 4,
 });
 
 const Img = styled.img(sharedStyles);
@@ -119,7 +119,7 @@ export interface SidebarMenuProps {
 
 export const SidebarMenu: FC<SidebarMenuProps> = ({ menu, isHighlighted, onClick }) => {
   const [isTooltipVisible, setIsTooltipVisible] = useState(false);
-  const { isDesktop } = useLayout();
+  const { isDesktop, setMobileMenuOpen } = useLayout();
 
   if (!isDesktop) {
     return (
@@ -133,8 +133,12 @@ export const SidebarMenu: FC<SidebarMenuProps> = ({ menu, isHighlighted, onClick
         >
           <Icons icon="cog" />
         </SidebarIconButton>
-        <CloseIconButton title="Close menu" aria-label="Close menu" onClick={onClick}>
-          <Icons icon="cross" />
+        <CloseIconButton
+          title="Close menu"
+          aria-label="Close menu"
+          onClick={() => setMobileMenuOpen(false)}
+        >
+          <Icons icon="close" />
         </CloseIconButton>
       </MenuButtonGroup>
     );