From ef36c695035ae6895e7d022c9d00c5016d6c6c8e Mon Sep 17 00:00:00 2001
From: Steve Purves <steve@curvenote.com>
Date: Tue, 2 Apr 2024 19:31:04 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=9F=20Lift=20author=20popover=20to=20z?=
 =?UTF-8?q?-10=20(#345)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Rowan Cockett <rowanc1@gmail.com>
---
 .changeset/poor-flies-notice.md            | 5 +++++
 packages/frontmatter/src/AuthorPopover.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/poor-flies-notice.md

diff --git a/.changeset/poor-flies-notice.md b/.changeset/poor-flies-notice.md
new file mode 100644
index 000000000..539f3e79e
--- /dev/null
+++ b/.changeset/poor-flies-notice.md
@@ -0,0 +1,5 @@
+---
+'@myst-theme/frontmatter': patch
+---
+
+Shift author popover to a z-index of 10 to bring it into same order at other content components
diff --git a/packages/frontmatter/src/AuthorPopover.tsx b/packages/frontmatter/src/AuthorPopover.tsx
index b5c1fcc2f..0beb979c4 100644
--- a/packages/frontmatter/src/AuthorPopover.tsx
+++ b/packages/frontmatter/src/AuthorPopover.tsx
@@ -36,7 +36,10 @@ export const AuthorPopover = ({
         </button>
       </Popover.Trigger>
       <Popover.Portal>
-        <Popover.Content className="rounded p-5 w-[400px] bg-white shadow" sideOffset={5}>
+        <Popover.Content
+          className="hover-card-content rounded p-5 w-[400px] bg-white shadow"
+          sideOffset={5}
+        >
           <div className="flex flex-col gap-2.5">
             <p className="text-mauve12 text-[15px] leading-[19px] font-medium mb-2.5">
               {author.name}