diff --git a/client/web-sveltekit/BUILD.bazel b/client/web-sveltekit/BUILD.bazel
index b917e73266c..b337c5c320e 100644
--- a/client/web-sveltekit/BUILD.bazel
+++ b/client/web-sveltekit/BUILD.bazel
@@ -93,6 +93,7 @@ BUILD_DEPS = [
     ":node_modules/@sourcegraph/client-api",
     ":node_modules/@sourcegraph/common",
     ":node_modules/@fontsource-variable/inter",
+    ":node_modules/@fontsource-variable/roboto-mono",
     ":node_modules/@sourcegraph/http-client",
     ":node_modules/@sourcegraph/shared",
     ":node_modules/@sourcegraph/web",
diff --git a/client/web-sveltekit/package.json b/client/web-sveltekit/package.json
index 43be8d5a9f4..0d91a113214 100644
--- a/client/web-sveltekit/package.json
+++ b/client/web-sveltekit/package.json
@@ -79,6 +79,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.3",
     "@fontsource-variable/inter": "^5.0.18",
+    "@fontsource-variable/roboto-mono": "^5.0.19",
     "@melt-ui/svelte": "^0.76.0",
     "@sentry/sveltekit": "^8.7.0",
     "@sourcegraph/branded": "workspace:*",
diff --git a/client/web-sveltekit/src/routes/+layout.svelte b/client/web-sveltekit/src/routes/+layout.svelte
index 820d42cca71..5ef2b4b3a3a 100644
--- a/client/web-sveltekit/src/routes/+layout.svelte
+++ b/client/web-sveltekit/src/routes/+layout.svelte
@@ -10,6 +10,7 @@
     import { isLightTheme, setAppContext } from '$lib/stores'
     import { createTemporarySettingsStorage } from '$lib/temporarySettings'
 
+    import '@fontsource-variable/roboto-mono'
     import '@fontsource-variable/inter'
     import './styles.scss'
 
diff --git a/client/web-sveltekit/src/routes/svelte-overrides.scss b/client/web-sveltekit/src/routes/svelte-overrides.scss
index cab0221ddb9..fde8c3c21cc 100644
--- a/client/web-sveltekit/src/routes/svelte-overrides.scss
+++ b/client/web-sveltekit/src/routes/svelte-overrides.scss
@@ -12,6 +12,8 @@ h6 {
 
 body {
     --font-family-base: 'Inter Variable', sans-serif;
+    --monospace-font-family: 'Roboto Mono Variable', monospace;
+    --code-font-family: var(--monospace-font-family);
     --font-size-base: 0.9375rem;
     --font-size-small: 0.875rem;
     --font-size-tiny: 0.8125rem;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4383f43d726..da6f494e450 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1554,6 +1554,9 @@ importers:
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
+      '@fontsource-variable/roboto-mono':
+        specifier: ^5.0.19
+        version: 5.0.19
       '@melt-ui/svelte':
         specifier: ^0.76.0
         version: 0.76.0(svelte@4.1.1)
@@ -4214,6 +4217,10 @@ packages:
     resolution: {integrity: sha512-rJzSrtJ3b7djiGFvRuTe6stDfbYJGhdQSfn2SI2WfXviee7Er0yKAHE5u7FU7OWVQQQ1x3+cxdmx9NdiAkcrcA==}
     dev: false
 
+  /@fontsource-variable/roboto-mono@5.0.19:
+    resolution: {integrity: sha512-EGHx+Av6qNZf1XUM69eE1dwG3vtZHTpRETlkgt9BoRcN0T9xG+Boo/TzznmhI40CLI1zwBjmglEIu2qNI462Vw==}
+    dev: false
+
   /@gql2ts/from-query@1.9.0(graphql@14.7.0):
     resolution: {integrity: sha512-hfH2Oq3ikHu+zKE4b9kdGbzEqFiX+VxIg0nhgpY5iUgl975cAtTFhAdwfzr/jKdZhC9Ad5dE1CPrjEA+G7hzMg==}
     peerDependencies: