diff --git a/client/web-sveltekit/src/routes/search/QueryExamples.svelte b/client/web-sveltekit/src/routes/search/QueryExamples.svelte
index afc7600c997..1b0d7452c16 100644
--- a/client/web-sveltekit/src/routes/search/QueryExamples.svelte
+++ b/client/web-sveltekit/src/routes/search/QueryExamples.svelte
@@ -137,6 +137,12 @@
         user-select: none;
         border: 1px solid transparent;
 
+        // We use box-shadow for focus styles. Since we set our own
+        // box-shadow we have to explicitly combine it with the focus box-shadow.
+        &:focus-visible {
+            box-shadow: var(--focus-shadow-inset), var(--search-input-shadow);
+        }
+
         &:hover {
             border-color: var(--border-color);
             text-decoration: none;