From b98c60a5e2bf074e445c681e86ed7d89cc366f71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?=
 <71827178+bosiraphael@users.noreply.github.com>
Date: Thu, 22 Jan 2026 14:21:49 +0100
Subject: [PATCH] Fix menu item toggle (#17338)

## Before


https://github.com/user-attachments/assets/c26ad780-3a6a-4ccf-91a9-1c7e1bd1413d



## After



https://github.com/user-attachments/assets/40f951c7-6bcf-45a3-98bc-c631f5ec883b
---
 .../menu/menu-item/components/MenuItemToggle.tsx         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx b/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx
index 86ec9d82f4..8d2f99e27e 100644
--- a/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx
+++ b/packages/twenty-ui/src/navigation/menu/menu-item/components/MenuItemToggle.tsx
@@ -38,11 +38,18 @@ export const MenuItemToggle = ({
   toggleSize,
   disabled = false,
 }: MenuItemToggleProps) => {
+  const handleClick = () => {
+    if (!disabled) {
+      onToggleChange?.(!toggled);
+    }
+  };
+
   return (
     <StyledMenuItemBase
       className={className}
       focused={focused}
       disabled={disabled}
+      onClick={handleClick}
     >
       <StyledToggleContainer>
         <MenuItemLeftContent
@@ -51,7 +58,7 @@ export const MenuItemToggle = ({
           withIconContainer={withIconContainer}
           disabled={disabled}
         />
-        <StyledMenuItemRightContent>
+        <StyledMenuItemRightContent onClick={(e) => e.stopPropagation()}>
           <Toggle
             value={toggled}
             onChange={disabled ? undefined : onToggleChange}