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) }} > - + @@ -606,7 +606,7 @@ export const SessionReview = (props: SessionReviewProps) => { data-slot="session-review-comment-button" onClick={() => textarea?.focus()} > - +