From ffe4e9d81ac0881aef8836022043ea6477009f6d Mon Sep 17 00:00:00 2001
From: Adam Leith <adamleithp@users.noreply.github.com>
Date: Thu, 19 Dec 2024 22:39:24 +0000
Subject: [PATCH] fix: add keyboard shortcut to inside button on search result
 preview (#27071)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../lib/components/CommandBar/SearchResultPreview.tsx  | 10 +---------
 frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss   |  5 -----
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/frontend/src/lib/components/CommandBar/SearchResultPreview.tsx b/frontend/src/lib/components/CommandBar/SearchResultPreview.tsx
index af4e70df0a08a..7fe2a6313bfdd 100644
--- a/frontend/src/lib/components/CommandBar/SearchResultPreview.tsx
+++ b/frontend/src/lib/components/CommandBar/SearchResultPreview.tsx
@@ -40,18 +40,10 @@ export const SearchResultPreview = (): JSX.Element | null => {
                         onClick={() => {
                             openResult(activeResultIndex)
                         }}
-                        tooltip={
-                            <>
-                                Open <KeyboardShortcut enter />
-                            </>
-                        }
                         aria-label="Open search result"
                     >
-                        Open
+                        <span className="mr-1">Open</span> <KeyboardShortcut enter />
                     </LemonButton>
-                    <div>
-                        <KeyboardShortcut enter /> Open
-                    </div>
                 </div>
             </div>
         </div>
diff --git a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss
index 166c7ff50528a..fa2ddaea8d2fd 100644
--- a/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss
+++ b/frontend/src/lib/lemon-ui/LemonInput/LemonInput.scss
@@ -98,11 +98,6 @@
         // NOTE Design: Search inputs are given a specific small width
         max-width: 240px;
         border-radius: 0;
-
-        // Add a focus ring to the element (not the input) when focused
-        &:has(:focus-visible) {
-            outline: -webkit-focus-ring-color auto 1px;
-        }
     }
 
     &.LemonInput--type-number {