diff --git a/app/app/package.json b/app/app/package.json
index de0413d..836dc49 100644
--- a/app/app/package.json
+++ b/app/app/package.json
@@ -29,6 +29,7 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@astrojs/markdoc": "^0.15.8",
+    "@fontsource-variable/noto-sans-mono": "^5.2.10",
     "@fontsource-variable/noto-serif": "^5.2.9",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/twemoji": "^1.2.4",
diff --git a/app/app/pnpm-lock.yaml b/app/app/pnpm-lock.yaml
index d52ed7d..02f36a6 100644
--- a/app/app/pnpm-lock.yaml
+++ b/app/app/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@astrojs/markdoc':
         specifier: ^0.15.8
         version: 0.15.8(astro@5.14.1(@types/node@22.18.8)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.46.3)(sass@1.93.2)(typescript@5.9.3)(yaml@2.7.1))
+      '@fontsource-variable/noto-sans-mono':
+        specifier: ^5.2.10
+        version: 5.2.10
       '@fontsource-variable/noto-serif':
         specifier: ^5.2.9
         version: 5.2.9
@@ -310,6 +313,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@fontsource-variable/noto-sans-mono@5.2.10':
+    resolution: {integrity: sha512-N8w7TRt24aD17P4eV9GDNiV4M5FSbeZ91dfWPtlTi5EvH15KAyjGiC7rvXnG3VTo/nb6gQuIXNlTDgH3cz652g==}
+
   '@fontsource-variable/noto-serif@5.2.9':
     resolution: {integrity: sha512-9McZzWeOjD/Gsko+w6A2lpGlHXZw5J2JmxaSMgopiIHoMYI1m6DAyFrzG9QQ0WjdWxj5jZfKM0EGSBVZHC6+nw==}
 
@@ -2725,6 +2731,8 @@ snapshots:
   '@esbuild/win32-x64@0.25.9':
     optional: true
 
+  '@fontsource-variable/noto-sans-mono@5.2.10': {}
+
   '@fontsource-variable/noto-serif@5.2.9': {}
 
   '@iconify-json/mdi@1.2.3':
diff --git a/app/app/src/components/RenderDocument.astro b/app/app/src/components/RenderDocument.astro
index 08fd298..7cf9e5a 100644
--- a/app/app/src/components/RenderDocument.astro
+++ b/app/app/src/components/RenderDocument.astro
@@ -309,6 +309,12 @@ const footerText = data.footer || null
 		}
 	}
 
+	:global(code) {
+		@apply bg-gray-100 rounded-sm;
+		@apply px-1.5 py-0.5 text-sm;
+		font-family: 'Noto Sans Mono Variable', Consolas, 'Courier New', monospace;
+	}
+
 	:global(table) {
 		@apply w-full border-collapse;
 
diff --git a/app/app/src/pages/document/[document].astro b/app/app/src/pages/document/[document].astro
index f119374..7e7bee9 100644
--- a/app/app/src/pages/document/[document].astro
+++ b/app/app/src/pages/document/[document].astro
@@ -4,6 +4,7 @@ import { getCollection, render } from 'astro:content'
 import Layout from '~/layouts/Layout.astro'
 import RenderDocument from '~/components/RenderDocument.astro'
 
+import '@fontsource-variable/noto-sans-mono'
 import '@fontsource-variable/noto-serif'
 
 export async function getStaticPaths()
diff --git a/app/app/src/pages/private-document/[document].astro b/app/app/src/pages/private-document/[document].astro
index 886004b..60abf31 100644
--- a/app/app/src/pages/private-document/[document].astro
+++ b/app/app/src/pages/private-document/[document].astro
@@ -4,6 +4,7 @@ import { getCollection, render } from 'astro:content'
 import Layout from '~/layouts/Layout.astro'
 import RenderDocument from '~/components/RenderDocument.astro'
 
+import '@fontsource-variable/noto-sans-mono'
 import '@fontsource-variable/noto-serif'
 
 export async function getStaticPaths()