diff --git a/components/TOC.tsx b/components/TOC.tsx
index 8b655b07d784..197fcdc7607c 100644
--- a/components/TOC.tsx
+++ b/components/TOC.tsx
@@ -39,7 +39,7 @@ export default function TOC({ className, cssBreakingPoint = 'xl', toc, contentSe
// a-namedefinitionsapplicationaapplication slugWithATag contains transformed heading name that is later used
// for scroll spy identification
slugWithATag: item.content
- .replace(/[<>?!:`'."\\/=]/gi, '')
+ .replace(/[<>?!:`'."\\/=@#$%^&*()[\]{}+,;]/gi, '')
.replace(/\s/gi, '-')
.toLowerCase()
}));
diff --git a/components/buttons/ScrollButton.tsx b/components/buttons/ScrollButton.tsx
index b3b53c1577ff..63ea0cae01ef 100644
--- a/components/buttons/ScrollButton.tsx
+++ b/components/buttons/ScrollButton.tsx
@@ -28,7 +28,10 @@ function ScrollButton() {
return (
{backToTopButton && (
-
-