From c9215e8dc30f362d6706b3f4addd3559143b8f31 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 06:13:25 +0000
Subject: [PATCH] fix(ui): style review tab comment button to match file tab -
 blue background, white comment icon

---
 packages/ui/src/components/session-review.css | 9 +++------
 packages/ui/src/components/session-review.tsx | 4 ++--
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css
index 51a49a611..02f1d1999 100644
--- a/packages/ui/src/components/session-review.css
+++ b/packages/ui/src/components/session-review.css
@@ -232,15 +232,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: var(--surface-warning-base);
-    border: 1px solid var(--border-warning-base);
-    color: var(--icon-warning-active);
+    background: var(--icon-interactive-base);
     box-shadow: var(--shadow-xs);
     cursor: pointer;
 
-    &:hover {
-      background: var(--surface-warning-weak);
-      border-color: var(--border-warning-hover);
+    [data-slot="icon-svg"] {
+      color: var(--white);
     }
 
     &:focus {
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 7ee8fe917..6891836ff 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -581,7 +581,7 @@ export const SessionReview = (props: SessionReviewProps) => {
                                 openComment(comment)
                               }}
                             >
-                              <Icon name="speech-bubble" size="small" />
+                              <Icon name="comment" size="small" />
                             </button>
                             <Show when={isCommentOpen(comment)}>
                               <div data-slot="session-review-comment-popover-content">
@@ -606,7 +606,7 @@ export const SessionReview = (props: SessionReviewProps) => {
                                 data-slot="session-review-comment-button"
                                 onClick={() => textarea?.focus()}
                               >
-                                <Icon name="speech-bubble" size="small" />
+                                <Icon name="comment" size="small" />
                               </button>
                               <div data-slot="session-review-comment-popover-content">
                                 <div data-slot="session-review-comment-popover">