diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 0591310..6f47c29 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -48,7 +48,7 @@ const submitSearch = function () {
                 required
                 />
                 <button type="submit" class="search-button">
-                    <Icon name="magnifying-glass" size="1.1em" />
+                    <Icon class="search-icon" name="magnifying-glass" size="1.1em" />
                 </button>
             </div>
         </form>
@@ -96,6 +96,10 @@ const submitSearch = function () {
     align-items: center;
 }
 
+.search-button .search-icon {
+    filter: invert(1);
+}
+
 .search-button:hover {
     background: var(--primary-color-l-1);
 }