diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9bc35e4..c656758 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,7 +8,7 @@ import '../styles/index.sass';
 const hx = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;
 const extendedHx = Object.fromEntries(hx.map(H => [H,
   ({children, id, ...props}: React.ComponentProps<(typeof hx)[number]>) => <H id={id} {...props}>
-    {id && <a className="anchor" />}
+    {id && <a className="anchor" href={'#'+encodeURIComponent(id)} />}
     {children}
   </H>,
 ]));