From 77186d0dd0d743c75e3147b64e7c6a9c1bbfeba8 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 10 Apr 2026 16:53:14 +0530
Subject: [PATCH] fix: add Knewave css font

---
 frontend/src/components/Logo.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Logo.tsx b/frontend/src/components/Logo.tsx
index 76a8517..0e9d79d 100644
--- a/frontend/src/components/Logo.tsx
+++ b/frontend/src/components/Logo.tsx
@@ -1,5 +1,5 @@
-import { DotIcon } from "@phosphor-icons/react"
-import "@fontsource/knewave"
+import { DotIcon } from "@phosphor-icons/react";
+import "@fontsource/knewave/400.css";
 
 export default function Logo() {
   return (
@@ -8,9 +8,17 @@ export default function Logo() {
       style={{ fontFamily: "'Knewave', serif" }}
     >
       <span className="text-2xl font-light text-accent">Pi</span>
-      <DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
+      <DotIcon
+        weight="fill"
+        size={12}
+        className="text-accent translate-y-[0.3em] -mx-px"
+      />
       <span className="text-2xl font-light text-accent">Ku</span>
-      <DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
+      <DotIcon
+        weight="fill"
+        size={12}
+        className="text-accent translate-y-[0.3em] -mx-px"
+      />
     </span>
   );
 }