diff --git a/client/src/components/Nav/AccountSettings.tsx b/client/src/components/Nav/AccountSettings.tsx
index 529ab1b87d..401c301a7f 100644
--- a/client/src/components/Nav/AccountSettings.tsx
+++ b/client/src/components/Nav/AccountSettings.tsx
@@ -89,7 +89,11 @@ function AccountSettings({ collapsed = false }: { collapsed?: boolean }) {
           <Keyboard className="icon-md" aria-hidden="true" />
           {localize('com_shortcut_keyboard_shortcuts')}
         </Menu.MenuItem>
-        <Menu.MenuItem onClick={() => setShowSettings(true)} className="select-item text-sm">
+        <Menu.MenuItem
+          onClick={() => setShowSettings(true)}
+          className="select-item text-sm"
+          data-testid="nav-settings"
+        >
           <GearIcon className="icon-md" aria-hidden="true" />
           {localize('com_nav_settings')}
         </Menu.MenuItem>
diff --git a/client/src/hooks/useKeyboardShortcuts.ts b/client/src/hooks/useKeyboardShortcuts.ts
index 75cb5025b7..a52537f8ee 100644
--- a/client/src/hooks/useKeyboardShortcuts.ts
+++ b/client/src/hooks/useKeyboardShortcuts.ts
@@ -269,13 +269,8 @@ export default function useKeyboardShortcuts() {
     }
     btn.click();
     setTimeout(() => {
-      const items = document.querySelectorAll<HTMLElement>('[role="menuitem"]');
-      for (const item of items) {
-        if (item.textContent?.includes('Settings') && !item.textContent?.includes('Keyboard')) {
-          item.click();
-          return;
-        }
-      }
+      const settingsItem = document.querySelector<HTMLElement>('[data-testid="nav-settings"]');
+      settingsItem?.click();
     }, 150);
   }, []);