style: update chat new-messages button

2026-02-03 21:53:50 -08:00
parent d2ff28dda7
commit 9f16de2533
3 changed files with 12 additions and 1 deletions
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1001,6 +1001,16 @@
  line-height: 1;
 }

+/* New messages indicator */
+.chat-new-messages {
+  align-self: center;
+  margin: 8px auto 0;
+  border-radius: 999px;
+  padding: 6px 12px;
+  font-size: 12px;
+  line-height: 1;
+}
+
 /* Chat lines */
 .chat-line {
  display: flex;
--- a/ui/src/ui/views/chat.ts
+++ b/ui/src/ui/views/chat.ts
@@ -347,7 +347,7 @@ export function renderChat(props: ChatProps) {
        props.showNewMessages
          ? html`
            <button
-              class="chat-new-messages"
+              class="btn chat-new-messages"
              type="button"
              @click=${props.onScrollToBottom}
            >