diff --git a/package.json b/package.json
index d24af96..acdc6ac 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "Skedge",
   "displayName": "Skedge",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "your registration assistant by students, for students",
   "author": "Nebula Labs",
   "packageManager": "npm@8.19.2",
diff --git a/src/components/Landing.tsx b/src/components/Landing.tsx
index f4efaf2..8acc422 100644
--- a/src/components/Landing.tsx
+++ b/src/components/Landing.tsx
@@ -108,10 +108,10 @@ const Landing = () => {
                 NEBULA LABS
               </a>
             </h2>
-            <h1 className="text-6xl font-extrabold font-kallisto mb-2">
+            <h1 className="text-6xl font-extrabold font-display mb-2">
               SKEDGE
             </h1>
-            <h3 className="text-sm font-semibold font-kallisto mb-6">
+            <h3 className="text-sm font-semibold font-display mb-6">
               FROM{' '}
               <a
                 href={TRENDS_URL}
diff --git a/src/components/TopMenu.tsx b/src/components/TopMenu.tsx
index 9bb43fa..efba800 100644
--- a/src/components/TopMenu.tsx
+++ b/src/components/TopMenu.tsx
@@ -15,8 +15,8 @@ export function TopMenu() {
         alt="gradient background"
         className="absolute h-full w-full inset-0 object-cover -z-10"
       />
-      <h1 className="text-xl font-kallisto font-bold">SKEDGE</h1>
-      <h2 className="text-sm font-normal font-kallisto">
+      <h1 className="text-xl font-display font-bold">SKEDGE</h1>
+      <h2 className="text-sm font-normal font-display">
         FROM{' '}
         <a
           href={TRENDS_URL}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 356a16f..784cb36 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1,5 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-@import url('https://use.typekit.net/jfb1uzn.css');
+@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
 @tailwind base;
 @tailwind components;
diff --git a/tailwind.config.js b/tailwind.config.js
index 4f6d8d7..f0f606d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -36,7 +36,7 @@ module.exports = {
         shade: '#101828', // drop shadow color from shipfaster ui
       },
       fontFamily: {
-        kallisto: ['Kallisto', 'Roboto', 'sans-serif'],
+        display: ['Bai Jamjuree', 'Roboto', 'sans-serif'],
       },
     },
     fontFamily: {