From 814dfab0dfe14fb40ca259c0f75179e1fab27f72 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Thu, 24 Apr 2025 04:31:30 +0000
Subject: [PATCH] fix(core): ai affine label alignment (#11952)

before
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/39355c1c-a25e-4697-97aa-20a3b180d7c7.png)

after
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/5abe900c-cd8e-43ff-bdf8-2314ccad541f.png)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **Style**
  - Updated the visual structure of the assistant avatar for a cleaner appearance.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../blocksuite/ai/chat-panel/content/assistant-avatar.ts    | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/core/src/blocksuite/ai/chat-panel/content/assistant-avatar.ts b/packages/frontend/core/src/blocksuite/ai/chat-panel/content/assistant-avatar.ts
index a87c33e8bd..fdedaa7784 100644
--- a/packages/frontend/core/src/blocksuite/ai/chat-panel/content/assistant-avatar.ts
+++ b/packages/frontend/core/src/blocksuite/ai/chat-panel/content/assistant-avatar.ts
@@ -10,16 +10,14 @@ const AffineAvatarIcon = AiIcon({
 
 export class AssistantAvatar extends ShadowlessElement {
   static override styles = css`
-    .assistant-avatar {
+    chat-assistant-avatar {
       display: inline-flex;
       align-items: center;
       gap: 8px;
     }
   `;
   protected override render() {
-    return html`<span class="assistant-avatar"
-      >${AffineAvatarIcon} AFFiNE AI</span
-    >`;
+    return html`${AffineAvatarIcon} AFFiNE AI`;
   }
 }