diff --git a/themes/haystack/layouts/_default/tutorials.html b/themes/haystack/layouts/_default/tutorials.html
index b4787796..742a0cb4 100644
--- a/themes/haystack/layouts/_default/tutorials.html
+++ b/themes/haystack/layouts/_default/tutorials.html
@@ -273,7 +273,7 @@ <h2>{{ .Params.contribute.title }}</h2>
               const card = document.createElement("a");
               card.classList.add("search-modal-card");
               const headline = doc.meta.headlines[0]?.headline;
-              card.href = `/tutorials/${doc.meta.file_name.toLowerCase().replace(".txt", "")}${headline ? `#${headline.toLowerCase().trim().replace(/ /g, "-")}` : "" }`;
+              card.href = `/tutorials/${doc.meta.file_name.toLowerCase().replace(".txt", "")}${headline ? `#${headline.toLowerCase().trim().replace(/ /g, "-").replace(/[.,'\/!$%\^&\*;:{}=()]/g, "")}` : "" }`;
               card.innerHTML = `
               <svg
               width="32"