From d7d08695fe6151a560d1d058f12d124235f1e5f7 Mon Sep 17 00:00:00 2001
From: braginini <bangvalo@gmail.com>
Date: Fri, 13 Mar 2026 18:45:59 +0100
Subject: [PATCH] Align chatbot window title

---
 src/client/AIChatBot.tsx | 2 +-
 src/client/styles.ts     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/client/AIChatBot.tsx b/src/client/AIChatBot.tsx
index 432d22e..2e849c8 100644
--- a/src/client/AIChatBot.tsx
+++ b/src/client/AIChatBot.tsx
@@ -186,7 +186,7 @@ export default function AIChatBot({
           <div style={S.chatHeaderIcon}>
             <Sparkles size={15} style={{ color: "var(--nb-explain-accent)" }} />
           </div>
-          <div>
+          <div style={S.chatHeaderText}>
             <h3 style={S.chatHeaderTitle}>{title}</h3>
             <span style={S.chatHeaderSubtitle}>{subtitle}</span>
           </div>
diff --git a/src/client/styles.ts b/src/client/styles.ts
index 702d152..a1ad9e6 100644
--- a/src/client/styles.ts
+++ b/src/client/styles.ts
@@ -86,6 +86,13 @@ export const chatHeaderIcon: React.CSSProperties = {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
+  flexShrink: 0,
+};
+
+export const chatHeaderText: React.CSSProperties = {
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
 };
 
 export const chatHeaderTitle: React.CSSProperties = {
@@ -99,6 +106,8 @@ export const chatHeaderTitle: React.CSSProperties = {
 export const chatHeaderSubtitle: React.CSSProperties = {
   fontSize: 11,
   color: "var(--nb-explain-text-dim)",
+  lineHeight: 1,
+  marginTop: 2,
 };
 
 export const chatCloseBtn: React.CSSProperties = {