diff --git a/web/components/header.tsx b/web/components/header.tsx
index 113aae15..2186e5c9 100644
--- a/web/components/header.tsx
+++ b/web/components/header.tsx
@@ -142,7 +142,7 @@ export function Header(props: {
           />
           <div
             className={clsx(
-              'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
+              'font-major-mono mt-1 sm:text-2xl md:whitespace-nowrap',
               darkBackground && 'text-white'
             )}
           >
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 4319621d..e899ffcf 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
     fontFamily: Object.assign(
       { ...defaultTheme.fontFamily },
       {
-        'major-mono': ['Major Mono Display', 'monospace'],
+        'major-mono': ['Courier', 'monospace'],
         'readex-pro': ['Readex Pro', 'sans-serif'],
       }
     ),