diff --git a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
index 58e8cca0a..89c14ba65 100644
--- a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
+++ b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
@@ -3247,7 +3247,7 @@ exports[`chromium /components/buttons/ 1`] = `
   <paragraph>
     <link>Outlined buttons</link>
     <text>
-      are medium-emphasis buttons. They contain actions that are important, but
+      are medium-emphasis buttons. They contain actions that are important but
       aren't the primary action in an app.
     </text>
   </paragraph>
@@ -3343,7 +3343,7 @@ exports[`chromium /components/buttons/ 1`] = `
     <text>Sizes</text>
   </heading>
   <paragraph>
-    <text>For larger or smaller buttons use the</text>
+    <text>For larger or smaller buttons, use the</text>
     <code>$SOME_CODE</code>
     <text>prop.</text>
   </paragraph>
@@ -3646,7 +3646,7 @@ exports[`chromium /components/buttons/ 1`] = `
     <text>component provides the</text>
     <code>$SOME_CODE</code>
     <text>
-      prop to handle this use case. However for certain focus polyfills
+      prop to handle this use case. However, for certain focus polyfills
     </text>
     <code>$SOME_CODE</code>
     <text>
@@ -3688,7 +3688,7 @@ exports[`chromium /components/buttons/ 1`] = `
   <list>
     <listitem level="1">
       <text>
-        CSS only. You can remove the pointer events style on the disabled state
+        CSS only. You can remove the pointer-events style on the disabled state
         of the
       </text>
       <code>$SOME_CODE</code>
@@ -9681,7 +9681,7 @@ exports[`chromium /components/tabs/ 1`] = `
   <paragraph>
     <text>
       Long labels will automatically wrap on tabs. If the label is too long for
-      the tab, it will overflow and the text will not be visible.
+      the tab, it will overflow, and the text will not be visible.
     </text>
   </paragraph>
   <button>
@@ -9799,7 +9799,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </heading>
   <paragraph>
     <text>
-      Fixed tabs should be used with a limited number of tabs, and when
+      Fixed tabs should be used with a limited number of tabs, and when a
       consistent placement will aid muscle memory.
     </text>
   </paragraph>
@@ -10081,7 +10081,7 @@ exports[`chromium /components/tabs/ 1`] = `
     <code>$SOME_CODE</code>
     <text>
       . All scrolling must be initiated through user agent scrolling mechanisms
-      (e.g. left/right swipe, shift-mousewheel, etc.)
+      (e.g. left/right swipe, shift mouse wheel, etc.)
     </text>
   </paragraph>
   <button>
@@ -10361,6 +10361,26 @@ exports[`chromium /components/tabs/ 1`] = `
   <Pre>
     <code>$SOME_CODE</code>
   </Pre>
+  <heading level="2">
+    Third-party routing library
+    <Anchor></Anchor>
+    <text>Third-party routing library</text>
+  </heading>
+  <paragraph>
+    <text>
+      One common use case is to perform navigation on the client only, without
+      an HTTP round-trip to the server. The
+    </text>
+    <code>$SOME_CODE</code>
+    <text>component provides the</text>
+    <code>$SOME_CODE</code>
+    <text>prop to handle this use case.</text>
+  </paragraph>
+  <paragraph>
+    <text>Here is an</text>
+    <link>integration example with react-router</link>
+    <text>.</text>
+  </paragraph>
   <heading level="2">
     Accessibility
     <Anchor></Anchor>
@@ -16618,7 +16638,7 @@ exports[`firefox /components/buttons/ 1`] = `
   <paragraph>
     <link>Outlined buttons</link>
     <text>
-      are medium-emphasis buttons. They contain actions that are important, but
+      are medium-emphasis buttons. They contain actions that are important but
       aren't the primary action in an app.
     </text>
   </paragraph>
@@ -16730,7 +16750,7 @@ exports[`firefox /components/buttons/ 1`] = `
     <text>Sizes</text>
   </heading>
   <paragraph>
-    <text>For larger or smaller buttons use the size prop.</text>
+    <text>For larger or smaller buttons, use the size prop.</text>
   </paragraph>
   <button>
     A generic container that is programmatically focused to test keyboard
@@ -17042,7 +17062,7 @@ exports[`firefox /components/buttons/ 1`] = `
     <text>
       One common use case is to use the button to trigger navigation to a new
       page. The ButtonBase component provides the component prop to handle this
-      use case. However for certain focus polyfills ButtonBase requires the DOM
+      use case. However, for certain focus polyfills ButtonBase requires the DOM
       node of the provided component. This is achieved by attaching a ref to the
       component and expecting that the component forwards this ref to the
       underlying DOM node. Given that many of the interactive components rely on
@@ -17075,10 +17095,10 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <list>
     <listitem>
-      CSS only . You can remove the pointer events style on the disabled state
+      CSS only . You can remove the pointer-events style on the disabled state
       of the <button> element:
       <text>
-        CSS only. You can remove the pointer events style on the disabled state
+        CSS only. You can remove the pointer-events style on the disabled state
         of the <button> element:
       </text>
     </listitem>
@@ -23791,7 +23811,7 @@ exports[`firefox /components/tabs/ 1`] = `
   <paragraph>
     <text>
       Long labels will automatically wrap on tabs. If the label is too long for
-      the tab, it will overflow and the text will not be visible.
+      the tab, it will overflow, and the text will not be visible.
     </text>
   </paragraph>
   <button>
@@ -23920,7 +23940,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </heading>
   <paragraph>
     <text>
-      Fixed tabs should be used with a limited number of tabs, and when
+      Fixed tabs should be used with a limited number of tabs, and when a
       consistent placement will aid muscle memory.
     </text>
   </paragraph>
@@ -24211,7 +24231,7 @@ exports[`firefox /components/tabs/ 1`] = `
     <text>
       Left and right scroll buttons are never be presented with
       scrollButtons={false}. All scrolling must be initiated through
-      user agent scrolling mechanisms (e.g. left/right swipe, shift-mousewheel,
+      user agent scrolling mechanisms (e.g. left/right swipe, shift mouse wheel,
       etc.)
     </text>
   </paragraph>
@@ -24508,6 +24528,23 @@ exports[`firefox /components/tabs/ 1`] = `
     <Tab icon={<PersonPinIcon />} label="NEARBY"
     /> </Tabs>
   </text>
+  <heading level="2">
+    Third-party routing library
+    <link></link>
+    <text>Third-party routing library</text>
+  </heading>
+  <paragraph>
+    <text>
+      One common use case is to perform navigation on the client only, without
+      an HTTP round-trip to the server. The Link component provides the
+      component prop to handle this use case.
+    </text>
+  </paragraph>
+  <paragraph>
+    <text>Here is an</text>
+    <link>integration example with react-router</link>
+    <text>.</text>
+  </paragraph>
   <heading level="2">
     Accessibility
     <link></link>
diff --git a/lib/a11y-snapshot/deploy.json b/lib/a11y-snapshot/deploy.json
index 7fbffe309..fe90f4070 100644
--- a/lib/a11y-snapshot/deploy.json
+++ b/lib/a11y-snapshot/deploy.json
@@ -1,33 +1,33 @@
 {
-	"id": "607ab6b688aa350007f23dda",
+	"id": "607d63013fa9bf0008d19403",
 	"site_id": "64f32322-7c26-4008-b886-60800cd747b0",
-	"build_id": "607ab6b688aa350007f23dd8",
+	"build_id": "607d63013fa9bf0008d19401",
 	"state": "ready",
 	"name": "material-ui",
 	"url": "http://material-ui.netlify.app",
 	"admin_url": "https://app.netlify.com/sites/material-ui",
-	"deploy_url": "http://next--material-ui.netlify.app",
-	"deploy_ssl_url": "https://next--material-ui.netlify.app",
-	"created_at": "2021-04-17T10:21:42.837Z",
-	"updated_at": "2021-04-17T10:54:55.064Z",
-	"commit_ref": "0b46bf7ba05b693ef1f5d3af6bb9e63d876ece96",
-	"review_id": null,
+	"deploy_url": "http://deploy-preview-25838--material-ui.netlify.app",
+	"deploy_ssl_url": "https://deploy-preview-25838--material-ui.netlify.app",
+	"created_at": "2021-04-19T11:01:21.281Z",
+	"updated_at": "2021-04-19T11:18:03.037Z",
+	"commit_ref": "52f2a92676adceaefe7d4f92f6f6a800d7a6a7d0",
+	"review_id": 25838,
 	"skipped": null,
 	"locked": null,
-	"branch": "next",
-	"commit_url": "https://github.com/mui-org/material-ui/commit/0b46bf7ba05b693ef1f5d3af6bb9e63d876ece96",
+	"branch": "timeline-emotion",
+	"commit_url": "https://github.com/mui-org/material-ui/commit/52f2a92676adceaefe7d4f92f6f6a800d7a6a7d0",
 	"log_access_attributes": {
 		"type": "firebase",
-		"url": "https://netlify-builds1.firebaseio.com/builds/607ab6b688aa350007f23dd8/log",
-		"endpoint": "https://netlify-builds1.firebaseio.com",
-		"path": "/builds/607ab6b688aa350007f23dd8/log",
-		"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MTg2NjE4MjgsImQiOnsidWlkIjoiIn19.by44AteAUZSCvbsCxPk9yodkm_ryWy6oYmBM7KK0ZJc"
+		"url": "https://netlify-builds4.firebaseio.com/builds/607d63013fa9bf0008d19401/log",
+		"endpoint": "https://netlify-builds4.firebaseio.com",
+		"path": "/builds/607d63013fa9bf0008d19401/log",
+		"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MTg4MzE2MTUsImQiOnsidWlkIjoiIn19.Mcm9CL9jUa__jafFue76I35A_emRKjPzowRR151bzPY"
 	},
-	"title": "[docs] Replace Typography color values with system values (#25805)",
-	"review_url": null,
+	"title": "[Timeline] Migrate Timeline to emotion",
+	"review_url": "https://github.com/mui-org/material-ui/pull/25838",
 	"published_at": null,
-	"context": "branch-deploy",
-	"deploy_time": 1973,
+	"context": "deploy-preview",
+	"deploy_time": 995,
 	"public": true,
 	"plugin_state": "success"
 }