diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
index f1ef0ff930e3a..d295ecc959908 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
@@ -7,7 +7,7 @@ export const FontStyles = () => {
     style.textContent = css`
       /* latin-ext */
       @font-face {
-        font-family: 'Geist';
+        font-family: '__nextjs-Geist';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -19,7 +19,7 @@ export const FontStyles = () => {
       }
       /* latin-ext */
       @font-face {
-        font-family: 'Geist Mono';
+        font-family: '__nextjs-Geist Mono';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -31,7 +31,7 @@ export const FontStyles = () => {
       }
       /* latin */
       @font-face {
-        font-family: 'Geist';
+        font-family: '__nextjs-Geist';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -42,7 +42,7 @@ export const FontStyles = () => {
       }
       /* latin */
       @font-face {
-        font-family: 'Geist Mono';
+        font-family: '__nextjs-Geist Mono';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
index b9c0ccff16a2b..88b1ace1f40fd 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
@@ -46,9 +46,9 @@ export function Base() {
           --color-text-color-red-1: #ff5555;
           --color-text-background-red-1: #fff9f9;
 
-          --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,
-            'Liberation Mono', Menlo, Courier, monospace;
-          --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',
+          --font-stack-monospace: '__nextjs-Geist Mono', 'SFMono-Regular',
+            Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+          --font-stack-sans: '__nextjs-Geist', -apple-system, 'Source Sans Pro',
             sans-serif;
 
           font-family: var(--font-stack-sans);