diff --git a/src/components/CardMiddle.svelte b/src/components/CardMiddle.svelte
index aba3bb8..cc2f6b4 100644
--- a/src/components/CardMiddle.svelte
+++ b/src/components/CardMiddle.svelte
@@ -8,8 +8,8 @@
   export let theme;
   export let onCopy;
   export let onDownload;
-  export let setSearchQuery;
   export let allLogos = [];
+  export let addBrand = () => {};
   export const setTheme = () => {};
 
   function openPreview(logo) {
@@ -63,13 +63,8 @@
           class="brand-filter-btn"
           title="Filter by brand"
           on:click={() => {
-            console.log('CardSquare: Filtering by brand:', logo.brand);
-            setSearchQuery(logo.brand);
-            // Update URL with search param
-            const params = new URLSearchParams(window.location.search);
-            params.set('search', logo.brand);
-            const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
-            history.replaceState(null, '', newUrl);
+            console.log('CardMiddle: Filtering by brand:', logo.brand);
+            addBrand(logo.brand);
           }}
         >
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
diff --git a/src/components/CardSmall.svelte b/src/components/CardSmall.svelte
index 0173ef4..54f1833 100644
--- a/src/components/CardSmall.svelte
+++ b/src/components/CardSmall.svelte
@@ -8,8 +8,8 @@
   export let theme;
   export let onCopy;
   export let onDownload;
-  export let setSearchQuery;
   export let allLogos = [];
+  export let addBrand = () => {};
   export const setTheme = () => {};
 
   function openPreview(logo) {
@@ -64,12 +64,7 @@
           title="Filter by brand"
           on:click={() => {
             console.log('CardList: Filtering by brand:', logo.brand);
-            setSearchQuery(logo.brand);
-            // Update URL with search param
-            const params = new URLSearchParams(window.location.search);
-            params.set('search', logo.brand);
-            const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : '');
-            history.replaceState(null, '', newUrl);
+            addBrand(logo.brand);
           }}
         >
           <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
diff --git a/src/components/List.svelte b/src/components/List.svelte
index 3af0890..43fbbed 100644
--- a/src/components/List.svelte
+++ b/src/components/List.svelte
@@ -9,6 +9,7 @@
   export let onDownload;
   export let setSearchQuery;
   export let allLogos = [];
+  export let addBrand = () => {};
   export let theme;
   export let viewMode = "grid";
   export let setTheme = () => {};
@@ -26,6 +27,7 @@
         {onDownload}
         {setSearchQuery}
         {allLogos}
+        {addBrand}
         {setTheme}
       />
     {:else if viewMode === "compact"}
@@ -44,6 +46,7 @@
         {onDownload}
         {setSearchQuery}
         {allLogos}
+        {addBrand}
         {setTheme}
       />
     {/if}
diff --git a/src/pages/Home.svelte b/src/pages/Home.svelte
index 404b005..1cc46a1 100644
--- a/src/pages/Home.svelte
+++ b/src/pages/Home.svelte
@@ -220,6 +220,7 @@
       {onDownload}
       {setSearchQuery}
       {allLogos}
+      {addBrand}
       {setTheme}
     />
   </main>