diff --git a/web/components/mantic-logo.tsx b/web/components/mantic-logo.tsx
index afeced49..904844cb 100644
--- a/web/components/mantic-logo.tsx
+++ b/web/components/mantic-logo.tsx
@@ -17,7 +17,6 @@ export function ManticLogo(props: { darkBackground?: boolean }) {
             'font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
             darkBackground && 'text-white'
           )}
-          style={{ fontFamily: 'Major Mono Display,monospace' }}
         >
           Mantic Markets
         </div>
diff --git a/web/components/title.tsx b/web/components/title.tsx
index 83b39562..6653a9f1 100644
--- a/web/components/title.tsx
+++ b/web/components/title.tsx
@@ -4,10 +4,7 @@ export function Title(props: { text: string; className?: string }) {
   const { text, className } = props
   return (
     <h1
-      className={clsx(
-        'text-3xl font-major-mono text-indigo-700 inline-block my-6',
-        className
-      )}
+      className={clsx('text-3xl text-indigo-700 inline-block my-6', className)}
     >
       {text}
     </h1>
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index e899ffcf..4319621d 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
     fontFamily: Object.assign(
       { ...defaultTheme.fontFamily },
       {
-        'major-mono': ['Courier', 'monospace'],
+        'major-mono': ['Major Mono Display', 'monospace'],
         'readex-pro': ['Readex Pro', 'sans-serif'],
       }
     ),