diff --git a/components/Nav/SidebarMenus.tsx b/components/Nav/SidebarMenus.tsx
index 6b55d037..8635be67 100644
--- a/components/Nav/SidebarMenus.tsx
+++ b/components/Nav/SidebarMenus.tsx
@@ -75,7 +75,7 @@ export const DocsSidebarMenu = (props: DocsSidebarMenuProps) => {
   return (
     <MenuInner>
       {pages.map(({ title, pathname, sections }) => (
-        <Section>
+        <Section key={title}>
           <SectionTitle>
             <Link href={`/docs/${pathname}`}>{title}</Link>
           </SectionTitle>
diff --git a/components/Slider/Navigation.tsx b/components/Slider/Navigation.tsx
index fb17d2cf..f6d0d3d7 100644
--- a/components/Slider/Navigation.tsx
+++ b/components/Slider/Navigation.tsx
@@ -26,7 +26,7 @@ export default function Navigation({ prev, next }: NavigationProps) {
               return (
                 <TransitionGroup>
                   <CSSTransition key={props.src} timeout={100} classNames="fade">
-                    <img src={prev.src} />
+                    <img src={prev.src} role="presentation" />
                   </CSSTransition>
                 </TransitionGroup>
               );
@@ -47,7 +47,7 @@ export default function Navigation({ prev, next }: NavigationProps) {
               return (
                 <TransitionGroup>
                   <CSSTransition key={props.src} timeout={100} classNames="fade">
-                    <img src={next.src} />
+                    <img src={next.src} role="presentation" />
                   </CSSTransition>
                 </TransitionGroup>
               );
diff --git a/pages/showcase.tsx b/pages/showcase.tsx
index 8b138165..98a31dcc 100644
--- a/pages/showcase.tsx
+++ b/pages/showcase.tsx
@@ -69,7 +69,7 @@ export default function Showcase() {
                   return (
                     <TransitionGroup>
                       <CSSTransition key={src} timeout={500} classNames="fade">
-                        <img {...props} />
+                        <img {...props} role="presentation" />
                       </CSSTransition>
                     </TransitionGroup>
                   );
diff --git a/sections/api/helpers/is-styled-component.mdx b/sections/api/helpers/is-styled-component.mdx
index fbdca428..cf8b8aed 100644
--- a/sections/api/helpers/is-styled-component.mdx
+++ b/sections/api/helpers/is-styled-component.mdx
@@ -32,7 +32,7 @@ const ParentComponent = styled.div`
   color: royalblue;
 
   ${TargetedComponent} {
-    color: tomato;
+    color: #E42200;
   }
 `
 ```
diff --git a/sections/api/primary/styled.mdx b/sections/api/primary/styled.mdx
index 58a517dc..28812f95 100644
--- a/sections/api/primary/styled.mdx
+++ b/sections/api/primary/styled.mdx
@@ -30,7 +30,7 @@ const Button = styled.button`
 `
 
 const TomatoButton = styled(Button)`
-  background: tomato;
+  background: #E42200;
 `
 
 render(
diff --git a/sections/api/supported-css.mdx b/sections/api/supported-css.mdx
index 315a67d0..e94344d0 100644
--- a/sections/api/supported-css.mdx
+++ b/sections/api/supported-css.mdx
@@ -16,7 +16,7 @@ const Example = styled.div`
 
   /* media queries are no problem */
   @media (max-width: 600px) {
-    background: tomato;
+    background: #E42200;
 
     /* nested rules work as expected */
     &:hover {
diff --git a/sections/basics/extending-styles.mdx b/sections/basics/extending-styles.mdx
index f1382cac..6299b3a1 100644
--- a/sections/basics/extending-styles.mdx
+++ b/sections/basics/extending-styles.mdx
@@ -17,8 +17,8 @@ const Button = styled.button`
 
 // A new component based on Button, but with some override styles
 const TomatoButton = styled(Button)`
-  color: tomato;
-  border-color: tomato;
+  color: #E42200;
+  border-color: #E42200;
 `;
 
 render(
@@ -48,8 +48,8 @@ const Button = styled.button`
 `;
 
 const TomatoButton = styled(Button)`
-  color: tomato;
-  border-color: tomato;
+  color: #E42200;
+  border-color: #E42200;
 `;
 
 render(
diff --git a/test/components/NavBar/__snapshots__/index.spec.tsx.snap b/test/components/NavBar/__snapshots__/index.spec.tsx.snap
index f460a051..baf46236 100644
--- a/test/components/NavBar/__snapshots__/index.spec.tsx.snap
+++ b/test/components/NavBar/__snapshots__/index.spec.tsx.snap
@@ -819,7 +819,9 @@ exports[`Nav renders correctly 1`] = `
               <div
                 className="c21"
               >
-                <styled.div>
+                <styled.div
+                  key="Basics"
+                >
                   <div
                     className="c22"
                   >
@@ -1045,7 +1047,9 @@ exports[`Nav renders correctly 1`] = `
                     </styled.h5>
                   </div>
                 </styled.div>
-                <styled.div>
+                <styled.div
+                  key="Advanced"
+                >
                   <div
                     className="c22"
                   >
@@ -1217,7 +1221,9 @@ exports[`Nav renders correctly 1`] = `
                     </styled.h5>
                   </div>
                 </styled.div>
-                <styled.div>
+                <styled.div
+                  key="API Reference"
+                >
                   <div
                     className="c22"
                   >
@@ -1353,7 +1359,9 @@ exports[`Nav renders correctly 1`] = `
                     </styled.h5>
                   </div>
                 </styled.div>
-                <styled.div>
+                <styled.div
+                  key="Tooling"
+                >
                   <div
                     className="c22"
                   >
@@ -1507,7 +1515,9 @@ exports[`Nav renders correctly 1`] = `
                     </styled.h5>
                   </div>
                 </styled.div>
-                <styled.div>
+                <styled.div
+                  key="FAQs"
+                >
                   <div
                     className="c22"
                   >
diff --git a/test/components/__snapshots__/DocsLayout.spec.tsx.snap b/test/components/__snapshots__/DocsLayout.spec.tsx.snap
index 330f28e6..b487bb0e 100644
--- a/test/components/__snapshots__/DocsLayout.spec.tsx.snap
+++ b/test/components/__snapshots__/DocsLayout.spec.tsx.snap
@@ -908,7 +908,9 @@ exports[`DocsLayout renders correctly 1`] = `
                     <div
                       className="c22"
                     >
-                      <styled.div>
+                      <styled.div
+                        key="Basics"
+                      >
                         <div
                           className="c23"
                         >
@@ -1134,7 +1136,9 @@ exports[`DocsLayout renders correctly 1`] = `
                           </styled.h5>
                         </div>
                       </styled.div>
-                      <styled.div>
+                      <styled.div
+                        key="Advanced"
+                      >
                         <div
                           className="c23"
                         >
@@ -1306,7 +1310,9 @@ exports[`DocsLayout renders correctly 1`] = `
                           </styled.h5>
                         </div>
                       </styled.div>
-                      <styled.div>
+                      <styled.div
+                        key="API Reference"
+                      >
                         <div
                           className="c23"
                         >
@@ -1442,7 +1448,9 @@ exports[`DocsLayout renders correctly 1`] = `
                           </styled.h5>
                         </div>
                       </styled.div>
-                      <styled.div>
+                      <styled.div
+                        key="Tooling"
+                      >
                         <div
                           className="c23"
                         >
@@ -1596,7 +1604,9 @@ exports[`DocsLayout renders correctly 1`] = `
                           </styled.h5>
                         </div>
                       </styled.div>
-                      <styled.div>
+                      <styled.div
+                        key="FAQs"
+                      >
                         <div
                           className="c23"
                         >