diff --git a/common/components/Translate.tsx b/common/components/Translate.tsx
index c1a2e383..fa105c5c 100644
--- a/common/components/Translate.tsx
+++ b/common/components/Translate.tsx
@@ -10,11 +10,10 @@ const Translate = ({ translationKey }: Props) => {
   const source = translateRaw(translationKey);
   return (
     <Markdown
-      containerTagName="span"
-      containerProps={{ 'data-l10n-key': translationKey }}
       escapeHtml={true}
       unwrapDisallowed={true}
-      allowedTypes={['Text', 'Link', 'Emph', 'Strong', 'Code']}
+      allowedTypes={['link', 'emphasis', 'strong', 'code', 'root']}
+      renderers={{ root: 'span' }}
       source={source}
     />
   );
diff --git a/package.json b/package.json
index b1066290..cd269da0 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "rc-slider": "8.6.0",
     "react": "16.2.0",
     "react-dom": "16.2.0",
-    "react-markdown": "2.5.1",
+    "react-markdown": "3.1.5",
     "react-redux": "5.0.6",
     "react-router-dom": "4.2.2",
     "react-router-redux": "4.0.8",