diff --git a/app/public/assets/css/components/search.css b/app/public/assets/css/components/search.css
index a892452..85153fc 100644
--- a/app/public/assets/css/components/search.css
+++ b/app/public/assets/css/components/search.css
@@ -5,11 +5,11 @@
 
 /* Public search bar icon (in partials/search-bar.php) */
 /* Scoped to forms that are NOT inside .header-search-wrap */
-form[role="search"]:not(.header-search-form) > svg {
+.search-bar-icon {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
-  fill: var(--text-tertiary);
+  fill: var(--accent-primary);
   margin-right: var(--space-2xs);
 }
 
diff --git a/app/templates/partials/search-bar.php b/app/templates/partials/search-bar.php
index 5c0bf00..f9fb0b4 100644
--- a/app/templates/partials/search-bar.php
+++ b/app/templates/partials/search-bar.php
@@ -6,7 +6,7 @@ $_sbValue = $searchBarValue ?? $_GET['query'] ?? '';
 <form method="GET" action="/search"
       role="search" aria-label="Recherche">
     <label for="site-search-input" class="sr-only">Recherche</label>
-    <?= icon('search') ?>
+    <?= icon('search', 0, 'search-bar-icon') ?>
     <input
         id="site-search-input"
         type="text"