diff --git a/snippets/Mailto.md b/snippets/Mailto.md
index 0f169864d..66df79fe9 100644
--- a/snippets/Mailto.md
+++ b/snippets/Mailto.md
@@ -11,14 +11,14 @@ Renders a link formatted to send an email.
 ```jsx
 function Mailto({ email, subject, body, ...props }) {
   return (
-    <a href={`mailto:${email}?subject=${subject || ''}&body=${body || ''}`}>{props.children}</a>
+    <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{props.children}</a>
   );
 }
 ```
 
 ```jsx
 ReactDOM.render(
-  <Mailto email="foo@bar.baz" subject="Hello" body="Hello world!">
+  <Mailto email="foo@bar.baz" subject="Hello & Welcome" body="Hello world!">
     Mail me!
   </Mailto>,
   document.getElementById('root')