From f6023e320ab138f3442ce3847cac63d74b052033 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Sun, 18 Oct 2026 17:34:27 +0200
Subject: [PATCH] refactor(chat): add group-hover accent color transition to
 chat message username

---
 components/chat/ChatItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/chat/ChatItem.tsx b/components/chat/ChatItem.tsx
index ef9456f..71b2c29 100644
--- a/components/chat/ChatItem.tsx
+++ b/components/chat/ChatItem.tsx
@@ -219,7 +219,7 @@ export function ChatItem({
       <button
         type="button"
         onClick={() => setIsProfileOpen((prev) => !prev)}
-        className="focus:outline-none cursor-pointer shrink-0"
+        className="focus:outline-none cursor-pointer shrink-0 group-hover:scale-105"
       >
         <UserAvatar user={user} size="md" />
       </button>
@@ -234,7 +234,7 @@ export function ChatItem({
               ref={nameBtnRef}
               type="button"
               onClick={() => setIsProfileOpen((prev) => !prev)}
-              className="font-semibold text-white text-sm hover:underline cursor-pointer truncate focus:outline-none text-left"
+              className="font-semibold text-white text-sm group-hover:text-accent cursor-pointer truncate focus:outline-none text-left"
             >
               {fullName}
               {isOwner && (