diff --git a/src/components/AccordionFilter.svelte b/src/components/AccordionFilter.svelte
new file mode 100644
index 0000000..48658c7
--- /dev/null
+++ b/src/components/AccordionFilter.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  let {
+    value = $bindable(""),
+  }: {
+    value: string;
+  } = $props();
+</script>
+
+<div class="accordion-filter">
+  <svg width="13" height="13" viewBox="0 0 13 13" fill="none">
+    <circle cx="5.5" cy="5.5" r="4.5" stroke="currentColor" stroke-width="1.4"/>
+    <path d="M9 9l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+  </svg>
+  <input type="text" bind:value placeholder="Filter…" onkeydown={(e) => e.key === "Escape" && (value = "")} />
+  {#if value}
+    <button class="accordion-filter-clear" onclick={() => value = ""} aria-label="Clear filter">
+      <svg width="10" height="10" viewBox="0 0 10 10" fill="none">
+        <path d="M1 1l8 8M9 1L1 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+      </svg>
+    </button>
+  {/if}
+</div>
diff --git a/src/components/destinations/BookmarksDestination.svelte b/src/components/destinations/BookmarksDestination.svelte
index 147af35..32813d2 100644
--- a/src/components/destinations/BookmarksDestination.svelte
+++ b/src/components/destinations/BookmarksDestination.svelte
@@ -2,6 +2,8 @@
   import kipclipLogo from "../../assets/kipclip-logo.png?url";
   import sillLogo from "../../assets/sill-logo.png?url";
   import marginLogo from "../../assets/margin-logo.png?url";
+  import AccordionFilter from "../AccordionFilter.svelte";
+  import { ACCORDION_FILTER_THRESHOLD } from "../../lib/constants";
 
   let {
     tags,
@@ -13,12 +15,19 @@
     checkedTags: string[];
   } = $props();
 
-  function onTagChange() {
-    if (checkedTags.length > 0) checked = true;
-  }
+  let filter = $state("");
+
+  const filteredTags = $derived(
+    filter
+      ? tags.filter((t) => t.toLowerCase().includes(filter.toLowerCase()))
+      : tags
+  );
 
   function onCheckedChange() {
-    if (!checked) checkedTags = [];
+    if (!checked) {
+      checkedTags = [];
+      filter = "";
+    }
   }
 </script>
 
@@ -34,12 +43,32 @@
     {#if tags.length === 0}
       <div class="accordion-msg">No tags found.</div>
     {:else}
-      {#each tags as tag (tag)}
-        <label class="accordion-item">
-          <span class="item-name">{tag}</span>
-          <input type="checkbox" bind:group={checkedTags} value={tag} onchange={onTagChange} />
-        </label>
-      {/each}
+      {#if tags.length >= ACCORDION_FILTER_THRESHOLD}
+        <AccordionFilter bind:value={filter} />
+      {/if}
+      <div class="accordion-scroll">
+        {#if filteredTags.length === 0}
+          <div class="accordion-msg">No matches.</div>
+        {:else}
+          {#each filteredTags as tag (tag)}
+            <label class="accordion-item">
+              <span class="item-name">{tag}</span>
+              <input
+                type="checkbox"
+                checked={checkedTags.includes(tag)}
+                onchange={() => {
+                  if (checkedTags.includes(tag)) {
+                    checkedTags = checkedTags.filter((t) => t !== tag);
+                  } else {
+                    checkedTags = [...checkedTags, tag];
+                    checked = true;
+                  }
+                }}
+              />
+            </label>
+          {/each}
+        {/if}
+      </div>
     {/if}
   </div>
 </div>
diff --git a/src/components/destinations/CollectionsDestination.svelte b/src/components/destinations/CollectionsDestination.svelte
index fd0c8ad..f26cdab 100644
--- a/src/components/destinations/CollectionsDestination.svelte
+++ b/src/components/destinations/CollectionsDestination.svelte
@@ -2,6 +2,8 @@
   import sembleLogo from "../../assets/semble-logo.png?url";
   import marginLogo from "../../assets/margin-logo.png?url";
   import rabbitholeLogo from "../../assets/rabbithole-logo.png?url";
+  import AccordionFilter from "../AccordionFilter.svelte";
+  import { ACCORDION_FILTER_THRESHOLD } from "../../lib/constants";
 
   interface Collection {
     uri: string;
@@ -19,10 +21,18 @@
 
   let open = $state(false);
   let loaded = $state(false);
+  let filter = $state("");
+
+  const filtered = $derived(
+    filter
+      ? collections.filter((c) => c.name.toLowerCase().includes(filter.toLowerCase()))
+      : collections
+  );
 
   function toggle() {
     open = !open;
     if (open) loaded = true;
+    else filter = "";
   }
 </script>
 
@@ -44,12 +54,31 @@
       {#if collections.length === 0}
         <div class="accordion-msg">No collections found.</div>
       {:else}
-        {#each collections as collection (collection.uri)}
-          <label class="accordion-item">
-            <span class="item-name">{collection.name}</span>
-            <input type="checkbox" bind:group={checkedUris} value={collection.uri} />
-          </label>
-        {/each}
+        {#if collections.length >= ACCORDION_FILTER_THRESHOLD}
+          <AccordionFilter bind:value={filter} />
+        {/if}
+        <div class="accordion-scroll">
+          {#if filtered.length === 0}
+            <div class="accordion-msg">No matches.</div>
+          {:else}
+            {#each filtered as collection (collection.uri)}
+              <label class="accordion-item">
+                <span class="item-name">{collection.name}</span>
+                <input
+                  type="checkbox"
+                  checked={checkedUris.includes(collection.uri)}
+                  onchange={() => {
+                    if (checkedUris.includes(collection.uri)) {
+                      checkedUris = checkedUris.filter((u) => u !== collection.uri);
+                    } else {
+                      checkedUris = [...checkedUris, collection.uri];
+                    }
+                  }}
+                />
+              </label>
+            {/each}
+          {/if}
+        </div>
       {/if}
     {/if}
   </div>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 86154ff..46f7b13 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -1,2 +1,4 @@
+export const ACCORDION_FILTER_THRESHOLD = 5;
+
 export const OAUTH_SCOPE =
   "atproto include:app.bsky.authCreatePosts include:at.margin.authFull include:network.cosmik.authFull blob:image/* repo:com.kipclip.annotation repo:com.kipclip.tag repo:com.kipclip.preferences repo:at.margin.bookmark repo:community.lexicon.bookmarks.bookmark";
diff --git a/src/styles/global.css b/src/styles/global.css
index 14d9d30..d174856 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -286,3 +286,53 @@ button[type="submit"]:disabled { opacity: 0.35; cursor: not-allowed; }
   color: var(--muted);
   border-top: 1px solid var(--border);
 }
+
+.accordion-filter {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.6rem 1rem;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+}
+
+.accordion-filter input[type="text"] {
+  flex: 1;
+  width: auto;
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-size: 1rem;
+  min-width: 0;
+}
+
+.accordion-filter input[type="text"]:focus {
+  border-color: transparent;
+  background: transparent;
+}
+
+.accordion-filter-clear {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: var(--muted);
+  border-radius: 50%;
+  flex-shrink: 0;
+  transition: color 0.15s;
+}
+.accordion-filter-clear:hover { color: var(--text); }
+
+.accordion-scroll {
+  max-height: calc(4.5 * 2.5rem);
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+
+.accordion-scroll::-webkit-scrollbar { width: 4px; }
+.accordion-scroll::-webkit-scrollbar-track { background: transparent; }
+.accordion-scroll::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }