diff --git a/assets/css/frontend/header-userbox.css b/assets/css/frontend/header-userbox.css
index 94c0ff7e..d762f0cf 100644
--- a/assets/css/frontend/header-userbox.css
+++ b/assets/css/frontend/header-userbox.css
@@ -122,6 +122,12 @@
   transition-delay: 0s;
 }
 
+.navbar-search .line-form-input:focus,
+.navbar-search .line-form-input:focus-visible {
+  outline: 0;
+  box-shadow: none;
+}
+
 .navbar-search .search-close-box {
   display: flex;
   justify-content: flex-end;
diff --git a/tests/widget-system/page-display-contract.test.cjs b/tests/widget-system/page-display-contract.test.cjs
index b1541e84..6e2b485c 100644
--- a/tests/widget-system/page-display-contract.test.cjs
+++ b/tests/widget-system/page-display-contract.test.cjs
@@ -232,6 +232,7 @@ test('search dropdown clears the fixed header and closes from the panel lower-ri
   assert.match(headerCss, /\.navbar-search\.show\s*\{[^}]*opacity:\s*1;[^}]*transform:\s*translate3d\(0, 0, 0\);/s)
   assert.doesNotMatch(headerCss, /\.navbar-search\s*\{[^}]*height:\s*100%/s)
   assert.doesNotMatch(headerCss, /\.navbar-search > \.container\s*\{[^}]*overflow-y:\s*auto/s)
+  assert.match(headerCss, /\.navbar-search \.line-form-input:focus,[\s\S]*?\.navbar-search \.line-form-input:focus-visible\s*\{[^}]*outline:\s*0;[^}]*box-shadow:\s*none;/s)
   assert.match(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*display:\s*flex;[^}]*justify-content:\s*flex-end;[^}]*margin:\s*16px auto 0;/s)
   assert.doesNotMatch(headerCss, /\.navbar-search \.search-close-box\s*\{[^}]*position:\s*fixed/s)
   assert.ok(headerSearch.indexOf('echo $remote') < headerSearch.indexOf('search-close-box'))