diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index ce60f94..b953060 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -41,7 +41,9 @@ document.addEventListener('DOMContentLoaded', function() {
         if (cat === 'all') {
           card.style.display = '';
         } else {
-          card.style.display = card.innerHTML.includes(`category=\"${cat}\"`) ? '' : 'none';
+          // Add a data-category attribute to make filtering more reliable
+          const category = card.getAttribute('data-category');
+          card.style.display = (category === cat) ? '' : 'none';
         }
       });
     });
diff --git a/layouts/partials/card.html b/layouts/partials/card.html
index 5eee471..886b5ab 100644
--- a/layouts/partials/card.html
+++ b/layouts/partials/card.html
@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card" data-category="{{ .Params.category }}">
   {{ with .Params.image }}
     <img src="{{ . }}" alt="{{ $.Title }} cover">
   {{ else }}