From e44e64dab2b27819a4dd067c57ff8bb0242d8bce Mon Sep 17 00:00:00 2001
From: William Lam <w.lam@honteam.com>
Date: Thu, 27 Oct 2022 16:24:04 -0400
Subject: [PATCH] Issue 1043: changed <div> tag to <h1> tag for semantic HTML
 on the top-most UI buttons for an active page

---
 app/components/layout/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/layout/index.tsx b/app/components/layout/index.tsx
index b04831c4d..783e079f1 100644
--- a/app/components/layout/index.tsx
+++ b/app/components/layout/index.tsx
@@ -68,7 +68,7 @@ export const Layout = React.memo(function Layout({
       </header>
       <Menu expanded={menuOpen} closeMenu={() => setMenuOpen(false)} />
       {activeNavItem && (
-        <div className="layout__page-title-header">
+        <h1 className="layout__page-title-header">
           <Image
             path={navIconUrl(activeNavItem.name)}
             width={28}
@@ -76,7 +76,7 @@ export const Layout = React.memo(function Layout({
             alt=""
           />
           {t(`pages.${activeNavItem.name}` as any)}
-        </div>
+        </h1>
       )}
       {children}
       <Footer patrons={patrons} />