diff --git a/apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx b/apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx
index dedad629..5ad4678d 100644
--- a/apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx
+++ b/apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx
@@ -6,7 +6,7 @@ import { IconExternalLink } from '@tabler/icons-react'
 export default function MdxLink(
   props: AnchorHTMLAttributes<HTMLAnchorElement>,
 ): JSX.Element {
-  if (props.href?.startsWith('http')) {
+  if (props.href?.startsWith('http') || props.href?.startsWith('mailto')) {
     return (
       <Button
         component="a"