diff --git a/examples/react/src/App.css b/examples/react/src/App.css
index 74b5e05345..c5b692d066 100644
--- a/examples/react/src/App.css
+++ b/examples/react/src/App.css
@@ -13,7 +13,11 @@
   }
 }
 
-.App-header {
+.App h1 {
+	font-size: 1.75rem;
+}
+
+.App-article {
   background-color: #282c34;
   min-height: 100vh;
   display: flex;
diff --git a/examples/react/src/App.jsx b/examples/react/src/App.jsx
index d20dd12fed..a3e9150b92 100644
--- a/examples/react/src/App.jsx
+++ b/examples/react/src/App.jsx
@@ -1,10 +1,10 @@
-import logo from "./logo.svg";
 import "./App.css";
+import logo from "./logo.svg";
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
+    <div className="App" role="main">
+      <article className="App-article">
         <img src={logo} className="App-logo" alt="logo" />
         <h3>Welcome to React!</h3>
         <a
@@ -15,7 +15,7 @@ function App() {
         >
           Learn React
         </a>
-      </header>
+      </article>
     </div>
   );
 }