From 7956ecc7b20bb56694b373a5abcdae0a2656a50c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?=
 <71827178+bosiraphael@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:38:52 +0200
Subject: [PATCH] Invert pinned and dots icon buttons in command menu items
 edit mode (#19717)

## Before
<img width="804" height="158" alt="CleanShot 2026-04-15 at 14 22 22@2x"
src="https://github.com/user-attachments/assets/65c4d4f1-6f17-47e2-b964-f3b7132d2f18"
/>

## After
<img width="804" height="168" alt="CleanShot 2026-04-15 at 14 21 38@2x"
src="https://github.com/user-attachments/assets/2f1d4fff-5f07-4df0-833e-129ad85391a9"
/>
---
 .../components/SidePanelCommandMenuItemEditPage.tsx    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx b/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx
index 3786a15834..8ab4af27e4 100644
--- a/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx
+++ b/packages/twenty-front/src/modules/command-menu-item/edit/components/SidePanelCommandMenuItemEditPage.tsx
@@ -272,6 +272,11 @@ export const SidePanelCommandMenuItemEditPage = () => {
                           gripMode="onHover"
                           isIconDisplayedOnHoverOnly={false}
                           iconButtons={[
+                            {
+                              Icon: IconDotsVertical,
+                              Wrapper: makeOptionsDropdownWrapper(item),
+                              onClick: () => {},
+                            },
                             {
                               Icon: IconPinnedOff,
                               onClick: (event) => {
@@ -279,11 +284,6 @@ export const SidePanelCommandMenuItemEditPage = () => {
                                 handleTogglePin(item.id, true);
                               },
                             },
-                            {
-                              Icon: IconDotsVertical,
-                              Wrapper: makeOptionsDropdownWrapper(item),
-                              onClick: () => {},
-                            },
                           ]}
                         />
                       </SelectableListItem>