diff --git a/layouts/index.html b/layouts/index.html
index 3990aa5..b6fd381 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -129,7 +129,7 @@
 <div class="filter-bar">
   <button class="filter-btn active" data-filter="all">All</button>
   {{ range $name, $_ := $.Site.Taxonomies.categories }}
-    <button class="filter-btn" data-filter="{{ $name }}">{{ $name | title }}</button>
+    <button class="filter-btn" data-filter="{{ $name | urlize }}">{{ $name | title }}</button>
   {{ end }}
 </div>