diff --git a/static/css/index.css b/static/css/index.css
index 022ae3a..529760f 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -328,7 +328,7 @@
       cursor: pointer;
       user-select: none;
       transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease;
-      animation: chipIn .22s ease both;
+      animation: chipIn .5s ease both;
     }
 
     .chip:hover {
diff --git a/static/js/index.js b/static/js/index.js
index da6fb34..0cfd46f 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -204,7 +204,7 @@
       if (vendorQ && !normalize(vendor.name).includes(vendorQ)) continue;
       const node = document.createElement("button");
       node.className = "chip";
-      node.style.animationDelay = Math.min(vi * 16, 320) + 'ms';
+      node.style.animationDelay = Math.min(vi * 64, 800) + 'ms';
       vi++;
       if (state.selectedVendors.has(vendor.id)) node.classList.add("active");
       else if (!allowedVendors.has(vendor.id)) node.classList.add("dim");
@@ -238,7 +238,7 @@
       if (showOnlyLinkedCategories && !allowedCategories.has(category.id) && !state.selectedCategories.has(category.id)) continue;
       const node = document.createElement("button");
       node.className = "chip";
-      node.style.animationDelay = Math.min(ci * 14, 280) + 'ms';
+      node.style.animationDelay = Math.min(ci * 56, 700) + 'ms';
       ci++;
       if (state.selectedCategories.has(category.id)) node.classList.add("active");
       else if (!allowedCategories.has(category.id)) node.classList.add("dim");