diff --git a/docs/_sass/_fonts.scss b/docs/_sass/_fonts.scss
index c62d15720197..a0ed7bdc3113 100644
--- a/docs/_sass/_fonts.scss
+++ b/docs/_sass/_fonts.scss
@@ -26,6 +26,20 @@
   src: url('/assets/fonts/ExpensifyNewKansas-MediumItalic.woff2') format('woff2'), url('/assets/fonts/ExpensifyNewKansas-MediumItalic.woff') format('woff');
 }
 
+@font-face {
+  font-family: Expensify Mono;
+  font-weight: 400;
+  font-style: normal;
+  src: url('/assets/fonts/ExpensifyMono-Regular.woff2') format('woff2'), url('/assets/fonts/ExpensifyMono-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: Expensify Mono;
+  font-weight: 700;
+  font-style: normal;
+  src: url('/assets/fonts/ExpensifyMono-Bold.woff2') format('woff2'), url('/assets/fonts/ExpensifyMono-Bold.woff') format('woff');
+}
+
 * {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index bc2b9e8499fa..ecb3d3a45b48 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -131,7 +131,7 @@ details[open] > summary {
 
 h1,
 summary {
-    font-family: 'Expensify New Kansas', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
+    font-family: 'Expensify Mono', 'SFMono-Regular', monospace, Arial, sans-serif;
     font-weight: 500;
     font-size: larger;
 }
@@ -144,6 +144,21 @@ p {
     padding-bottom: 20px;
 }
 
+code {
+    font-family: 'Expensify Mono', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 5px;
+    border-color: var(--color-borders);
+    background-color: var(--color-highlightBG);
+    line-height: 20px;
+    padding-left: 5px;
+    padding-right: 5px;
+    font-size: 13px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
 body,
 button,
 input,
diff --git a/docs/assets/fonts/ExpensifyMono-Bold.woff b/docs/assets/fonts/ExpensifyMono-Bold.woff
new file mode 100755
index 000000000000..6d0876b3543e
Binary files /dev/null and b/docs/assets/fonts/ExpensifyMono-Bold.woff differ
diff --git a/docs/assets/fonts/ExpensifyMono-Bold.woff2 b/docs/assets/fonts/ExpensifyMono-Bold.woff2
new file mode 100755
index 000000000000..c81dcc4d5d9e
Binary files /dev/null and b/docs/assets/fonts/ExpensifyMono-Bold.woff2 differ
diff --git a/docs/assets/fonts/ExpensifyMono-Regular.woff b/docs/assets/fonts/ExpensifyMono-Regular.woff
new file mode 100755
index 000000000000..e7b890b4a729
Binary files /dev/null and b/docs/assets/fonts/ExpensifyMono-Regular.woff differ
diff --git a/docs/assets/fonts/ExpensifyMono-Regular.woff2 b/docs/assets/fonts/ExpensifyMono-Regular.woff2
new file mode 100755
index 000000000000..0d466258d91f
Binary files /dev/null and b/docs/assets/fonts/ExpensifyMono-Regular.woff2 differ