From 4d6e5421c64dc0a8c4c2f272a8366d4a2c183dcc Mon Sep 17 00:00:00 2001
From: 87xie <oscar87xie@gmail.com>
Date: Mon, 9 Sep 2024 00:38:10 +0800
Subject: [PATCH 1/2] [v3] fix first item in `FileTree` not within permitted
 parent element

---
 .changeset/empty-bottles-study.md                   | 7 +++++++
 packages/nextra/src/client/components/file-tree.tsx | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/empty-bottles-study.md

diff --git a/.changeset/empty-bottles-study.md b/.changeset/empty-bottles-study.md
new file mode 100644
index 0000000000..6f6f2b9d3c
--- /dev/null
+++ b/.changeset/empty-bottles-study.md
@@ -0,0 +1,7 @@
+---
+'nextra-theme-blog': patch
+'nextra-theme-docs': patch
+'nextra': patch
+---
+
+Fix first list item in `<FileTree>` not within permitted parent elements
diff --git a/packages/nextra/src/client/components/file-tree.tsx b/packages/nextra/src/client/components/file-tree.tsx
index 78f59cdf56..e47c260d56 100644
--- a/packages/nextra/src/client/components/file-tree.tsx
+++ b/packages/nextra/src/client/components/file-tree.tsx
@@ -31,9 +31,9 @@ function Tree({ children }: { children: ReactNode }): ReactElement {
         '_not-prose' // for nextra-theme-blog
       )}
     >
-      <div className="_inline-block _rounded-lg _border _px-4 _py-2 dark:_border-neutral-800">
+      <ul className="_inline-block _rounded-lg _border _px-4 _py-2 dark:_border-neutral-800">
         {children}
-      </div>
+      </ul>
     </div>
   )
 }

From 356bc22c3dddffbe533d0d3910936a8f8c3b6958 Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <dmytropostolov@gmail.com>
Date: Mon, 9 Sep 2024 20:47:20 -0700
Subject: [PATCH 2/2] Update
 packages/nextra/src/client/components/file-tree.tsx

---
 packages/nextra/src/client/components/file-tree.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextra/src/client/components/file-tree.tsx b/packages/nextra/src/client/components/file-tree.tsx
index e47c260d56..8d5ed9de13 100644
--- a/packages/nextra/src/client/components/file-tree.tsx
+++ b/packages/nextra/src/client/components/file-tree.tsx
@@ -31,7 +31,7 @@ function Tree({ children }: { children: ReactNode }): ReactElement {
         '_not-prose' // for nextra-theme-blog
       )}
     >
-      <ul className="_inline-block _rounded-lg _border _px-4 _py-2 dark:_border-neutral-800">
+      <ul className="_inline-block _rounded-lg _border _px-4 _py-2 _border-neutral-200/70 contrast-more:_border-neutral-400 dark:_border-primary-100/10 contrast-more:dark:_border-neutral-400">
         {children}
       </ul>
     </div>