From 12eb5e7c731d14ccb4c7e2c986d6dfb8ea7414e1 Mon Sep 17 00:00:00 2001
From: Evan Bonsignori <ebonsignori@github.com>
Date: Tue, 3 Jun 2025 14:44:17 -0700
Subject: [PATCH 1/2] Copilot Search a11y: replace overlay footer with div
 (#55925)

---
 src/search/components/input/SearchOverlay.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx
index 523c2779e3d0..1a263bfa0e7e 100644
--- a/src/search/components/input/SearchOverlay.tsx
+++ b/src/search/components/input/SearchOverlay.tsx
@@ -776,7 +776,7 @@ export function SearchOverlay({
             width: '100%',
           }}
         />
-        <footer key="description" className={styles.footer}>
+        <div key="description" className={styles.footer}>
           <Box
             sx={{
               display: 'flex',
@@ -818,7 +818,7 @@ export function SearchOverlay({
             }}
             dangerouslySetInnerHTML={{ __html: t('search.overlay.privacy_disclaimer') }}
           />
-        </footer>
+        </div>
         <div
           aria-live="assertive"
           style={{

From ad636dc6b08ecbda1d9fbff28df707cd7104ed26 Mon Sep 17 00:00:00 2001
From: Evan Bonsignori <ebonsignori@github.com>
Date: Tue, 3 Jun 2025 14:44:22 -0700
Subject: [PATCH 2/2] Copilot Search a11y: use div instead of header for
 overlay (#55924)

---
 src/search/components/input/SearchOverlay.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx
index 1a263bfa0e7e..e10224819d81 100644
--- a/src/search/components/input/SearchOverlay.tsx
+++ b/src/search/components/input/SearchOverlay.tsx
@@ -4,7 +4,6 @@ import { useRouter } from 'next/router'
 import {
   ActionList,
   Box,
-  Header,
   IconButton,
   Link,
   Overlay,
@@ -698,7 +697,7 @@ export function SearchOverlay({
         aria-labelledby={overlayHeadingId}
         ref={overlayRef}
       >
-        <Header className={styles.header}>
+        <div className={styles.header}>
           <Box
             sx={{
               display: isAskAIState ? 'flex' : 'none',
@@ -761,7 +760,7 @@ export function SearchOverlay({
               </Stack>
             }
           />
-        </Header>
+        </div>
         <ActionList.Divider
           sx={{
             display: inErrorState ? 'none' : 'block',