From 661273c3e54895aaa1173b912d9a59f7ff500ee7 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Wed, 18 Sep 2024 12:38:28 -0700
Subject: [PATCH] [bonus] Fix incorrect selection state on API key format
 dropdown

`* 2` index is unnecessary, EuiContextMenuPanel accounts for non-interactive elements
---
 .../security/api_key_management/src/components/token_field.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/x-pack/packages/security/api_key_management/src/components/token_field.tsx b/x-pack/packages/security/api_key_management/src/components/token_field.tsx
index 001f75a9e151ed..ccda03a2315c27 100644
--- a/x-pack/packages/security/api_key_management/src/components/token_field.tsx
+++ b/x-pack/packages/security/api_key_management/src/components/token_field.tsx
@@ -111,7 +111,7 @@ export const SelectableTokenField: FunctionComponent<SelectableTokenFieldProps>
           closePopover={closePopover}
         >
           <EuiContextMenuPanel
-            initialFocusedItemIndex={selectedIndex * 2}
+            initialFocusedItemIndex={selectedIndex}
             items={options.reduce<ReactElement[]>((items, option, i) => {
               items.push(
                 <EuiContextMenuItem