diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index 02cc494..7aae72c 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -114,7 +114,7 @@ export function AppSidebar() {
               <Logo size={isCollapsed ? 24 : 24} />
             </div>
             {!isCollapsed && (
-              <span className="font-bold text-xl bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400 group-hover:opacity-80 transition-opacity whitespace-nowrap">
+              <span className="font-bold text-xl transition-colors text-foreground">
                 Kit
               </span>
             )}