diff --git a/ui/src/components/kagent-logo-text.tsx b/ui/src/components/kagent-logo-text.tsx
index 687204d33..8aec3099a 100644
--- a/ui/src/components/kagent-logo-text.tsx
+++ b/ui/src/components/kagent-logo-text.tsx
@@ -1,8 +1,18 @@
 "use client";
 import { useTheme } from "next-themes";
+import { useEffect, useState } from "react";
 
 export default function KAgentLogoWithText({ className } : { className?: string }) {
   const { resolvedTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return null;
+  }
 
   let fill;
   if (resolvedTheme === "dark") {