From 35a3c982217eba67b50a7cb96ce172e59c514201 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Fri, 23 Jan 2026 20:34:26 +0000
Subject: [PATCH] fix(app): style submitted comment icons to match comment
 popup style

---
 packages/app/src/pages/session.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index bb6c752d0..3fe321afb 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -2010,7 +2010,10 @@ export default function Page() {
                             >
                               <button
                                 type="button"
-                                class="size-5 rounded-md flex items-center justify-center bg-surface-warning-base border border-border-warning-base text-icon-warning-active shadow-xs hover:bg-surface-warning-weak hover:border-border-warning-hover focus:outline-none focus-visible:shadow-xs-border-focus"
+                                class="size-5 rounded-md flex items-center justify-center shadow-xs focus:outline-none focus-visible:shadow-xs-border-focus"
+                                style={{
+                                  background: "var(--icon-interactive-base)",
+                                }}
                                 onMouseEnter={() => {
                                   const p = path()
                                   if (!p) return
@@ -2024,7 +2027,7 @@ export default function Page() {
                                   file.setSelectedLines(p, comment.selection)
                                 }}
                               >
-                                <Icon name="speech-bubble" size="small" />
+                                <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
                               </button>
                               <Show when={openedComment() === comment.id}>
                                 <div class="absolute top-0 right-[calc(100%+12px)] z-40 min-w-[200px] max-w-[320px] rounded-md bg-surface-raised-stronger-non-alpha border border-border-base shadow-md p-3">