From e28c92b2fff2bcc465f98ae36197fc248667ccbb Mon Sep 17 00:00:00 2001
From: Asuka109 <asuka109@foxmail.com>
Date: Tue, 21 Nov 2023 19:07:12 +0800
Subject: [PATCH] chore: use `Box` instead of `div`

---
 .../devtools/client/src/client/routes/headers/editor/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/devtools/client/src/client/routes/headers/editor/page.tsx b/packages/devtools/client/src/client/routes/headers/editor/page.tsx
index 0c1b5a8c07e6..e76c2dfa379e 100644
--- a/packages/devtools/client/src/client/routes/headers/editor/page.tsx
+++ b/packages/devtools/client/src/client/routes/headers/editor/page.tsx
@@ -37,7 +37,7 @@ const Page: React.FC = () => {
   };
 
   return (
-    <div className={styles.container}>
+    <Box className={styles.container}>
       <Heading mt="4">Header Modifier</Heading>
       <Flex align="center" gap="1">
         <Box className={styles.signal} data-active={isActive} />
@@ -63,7 +63,7 @@ const Page: React.FC = () => {
           Unregister
         </Button>
       </Flex>
-    </div>
+    </Box>
   );
 };