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>
   );
 }