From ac861517b503def3ac057adbdb507fb56aeeb132 Mon Sep 17 00:00:00 2001
From: Peter-Paul van Gemerden <mail@ppvg.nl>
Date: Fri, 21 Feb 2025 10:01:15 +0100
Subject: [PATCH] docs: use regular icon button for header search

---
 docs/src/routes/components/header-navigation/+page.svelte    | 5 ++++-
 .../examples/header-navigation-with-search/+page.svelte      | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/src/routes/components/header-navigation/+page.svelte b/docs/src/routes/components/header-navigation/+page.svelte
index 28a89a0f..be5aca5e 100644
--- a/docs/src/routes/components/header-navigation/+page.svelte
+++ b/docs/src/routes/components/header-navigation/+page.svelte
@@ -157,7 +157,10 @@
       <div>
         <form class="inline">
           <input type="text" placeholder="Zoeken" />
-          <button type="submit" class="icon-only icon-search">Zoeken</button>
+          <button type="submit">
+            <span class="icon icon-search" aria-hidden="true"></span>
+            <span class="visually-hidden">Zoeken</span>
+          </button>
         </form>
       </div>
     </div>
diff --git a/docs/src/routes/examples/header-navigation-with-search/+page.svelte b/docs/src/routes/examples/header-navigation-with-search/+page.svelte
index c1b307e3..bcdc9a7f 100644
--- a/docs/src/routes/examples/header-navigation-with-search/+page.svelte
+++ b/docs/src/routes/examples/header-navigation-with-search/+page.svelte
@@ -22,7 +22,10 @@
       <div>
         <form class="inline">
           <input type="text" placeholder="Zoeken" />
-          <button type="submit" class="icon-only icon-search">Zoeken</button>
+          <button type="submit">
+            <span class="icon icon-search" aria-hidden="true"></span>
+            <span class="visually-hidden">Zoeken</span>
+          </button>
         </form>
       </div>
     </div>