diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 2902343..71dd798 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -62,7 +62,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <div className="min-h-screen selection:bg-red-200 dark:selection:bg-red-900">
+          <div className="min-h-screen selection:bg-red-200 dark:selection:bg-red-900 font-[family-name:var(--font-spacegrotesk-sans)]">
             <ServiceWorkerManager />
             <GSAPCursor />
             <NavigationMenu />
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index d99787a..c6c7743 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -16,7 +16,7 @@ export function NavigationMenu() {
   const pathname = usePathname();
 
   return (
-    <div className="flex justify-center">
+    <div className="flex justify-center font-[family-name:var(--font-spacegrotesk-sans)]">
       <div className="flex justify-center fixed left-1/2 -translate-x-1/2 -translate-y-1/2 bottom-5 md:top-10 md:bottom-auto z-20 backdrop-blur-sm bg-white/20 outline-none rounded-lg border-1">
         <Link href="/">
           <Button