From fe312af024209f48c75fee078fd53c2b9b4f86a0 Mon Sep 17 00:00:00 2001
From: devjiwonchoi <devjiwonchoi@gmail.com>
Date: Fri, 7 Feb 2025 21:55:22 +0900
Subject: [PATCH] remove focus outline none

---
 .../error-overlay-floating-header.tsx                         | 2 +-
 .../error-overlay-pagination/error-overlay-pagination.tsx     | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-floating-header/error-overlay-floating-header.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-floating-header/error-overlay-floating-header.tsx
index a395d124775ea..4ac70a99f3a7c 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-floating-header/error-overlay-floating-header.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-floating-header/error-overlay-floating-header.tsx
@@ -21,7 +21,7 @@ export function ErrorOverlayFloatingHeader({
   isTurbopack,
 }: ErrorOverlayFloatingHeaderProps) {
   return (
-    <div className="error-overlay-floating-header" tabIndex={1}>
+    <div className="error-overlay-floating-header">
       {/* TODO: better passing data instead of nullish coalescing */}
       <ErrorOverlayPagination
         readyErrors={readyErrors ?? []}
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
index a43b4475b5d67..84fc8a63222cd 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx
@@ -180,10 +180,6 @@ export const styles = css`
     border: none;
     border-radius: var(--rounded-full);
 
-    &:focus {
-      outline: none;
-    }
-
     &:not(:disabled):active {
       background: var(--color-gray-500);
     }