diff --git a/.changeset/fancy-beans-take.md b/.changeset/fancy-beans-take.md
new file mode 100644
index 00000000..7348d45f
--- /dev/null
+++ b/.changeset/fancy-beans-take.md
@@ -0,0 +1,7 @@
+---
+'@youversion/platform-react-ui': patch
+'@youversion/platform-core': patch
+'@youversion/platform-react-hooks': patch
+---
+
+fix mixed font family in footnotes popover
diff --git a/packages/ui/src/components/verse.tsx b/packages/ui/src/components/verse.tsx
index 7c540691..d44903c2 100644
--- a/packages/ui/src/components/verse.tsx
+++ b/packages/ui/src/components/verse.tsx
@@ -62,7 +62,7 @@ const VerseFootnoteButton = memo(function VerseFootnoteButton({
         <div className="yv:p-3 yv:overflow-y-auto yv:max-h-[33svh]">
           <div className="yv:font-bold yv:mb-2">{verseReference}</div>
           <div
-            className="yv:mb-3 yv:font-serif"
+            className="yv:mb-3 yv:font-serif yv:*:font-serif"
             style={{ fontSize: fontSize ? `${fontSize}px` : '1.25rem' }}
             // biome-ignore lint/security/noDangerouslySetInnerHtml: HTML has been run through DOMPurify and is safe
             dangerouslySetInnerHTML={{ __html: verseNotes.verseHtml }}