From 7d04953484f13377a7c95ec248fb5ab8c3c0932e Mon Sep 17 00:00:00 2001
From: Tim Glaser <tglaser@newrelic.com>
Date: Tue, 16 Jun 2020 20:12:22 -0700
Subject: [PATCH] feat: Use header semantic element for mobile header

---
 src/components/MobileHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
index 289b86f15..8b94fd47a 100644
--- a/src/components/MobileHeader.js
+++ b/src/components/MobileHeader.js
@@ -8,7 +8,7 @@ import styles from './MobileHeader.module.scss';
 
 const MobileHeader = ({ className, isOpen, toggle }) => {
   return (
-    <aside className={cx(styles.container, className)}>
+    <header className={cx(styles.container, className)}>
       <div className={styles.menuBar}>
         <Link to="/" className={styles.logo} />
 
@@ -20,7 +20,7 @@ const MobileHeader = ({ className, isOpen, toggle }) => {
       </div>
 
       {isOpen && <Navigation className={styles.navigation} />}
-    </aside>
+    </header>
   );
 };