diff --git a/app/layout.tsx b/app/layout.tsx
index 2fc358846..b7588957c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import { fontSans } from "@/lib/fonts";
+import { fontMono, fontSans } from "@/lib/fonts";
 import { absoluteUrl, cn, constructMetadata } from "@/lib/utils";
 import { Toaster } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
@@ -39,6 +39,7 @@ export default function RootLayout({
         className={cn(
           "relative flex min-h-screen w-full flex-col justify-center overflow-x-hidden scroll-smooth bg-background font-sans antialiased",
           fontSans.variable,
+          fontMono.variable,
         )}
       >
         <PHProvider>
diff --git a/lib/fonts.ts b/lib/fonts.ts
index 72cc30f5d..4e3a14b7b 100644
--- a/lib/fonts.ts
+++ b/lib/fonts.ts
@@ -1,9 +1,6 @@
-import { JetBrains_Mono as FontMono } from "next/font/google";
 import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
 
 export const fontSans = GeistSans;
 
-export const fontMono = FontMono({
-  subsets: ["latin"],
-  variable: "--font-mono",
-});
+export const fontMono = GeistMono;
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 80ff43b1d..e16f9e6e1 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -22,6 +22,7 @@ module.exports = {
     extend: {
       fontFamily: {
         sans: ["var(--font-geist-sans)", ...fontFamily.sans],
+        mono: ["var(--font-geist-mono)", ...fontFamily.mono],
       },
       colors: {
         border: "hsl(var(--border))",