diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 010a9c68..6720b455 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -13,7 +13,7 @@ module.exports = {
   organizationName: "Dagger",
   projectName: "Dagger",
   stylesheets: [
-    "https://fonts.googleapis.com/css2?family=Karla&family=Montserrat:wght@700&display=swap",
+    "https://fonts.googleapis.com/css2?family=Karla&family=Source+Code+Pro:wght@400&family=Montserrat:wght@700&display=swap",
   ],
   customFields: {
     AMPLITUDE_ID: process.env.REACT_APP_AMPLITUDE_ID
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index 0d1dbf27..ad7771b3 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -52,7 +52,7 @@ $desktop-xl-width: 1160px;
   --ifm-font-color-base: var(--ifm-color-primary-dark);
   --ifm-font-family-base: "Karla", sans-serif;
   --ifm-font-family-title: "Montserrat", "Arial", sans-serif;
-  --ifm-font-family-monospace: "Courier new", sans-serif;
+  --ifm-font-family-monospace: "Source Code Pro", monospace;
   --ifm-h2-font-size: 2rem;
   --ifm-leading-desktop: 1;
   --ifm-link-color: var(--ifm-color-primary-dark);