From 40ab6ac86227b11080748154349e4060b54ec772 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 05:45:04 +0000
Subject: [PATCH] fix(ui): use shadow-lg-border-base on read-only comment
 popovers and align label spacing

---
 packages/app/src/pages/session.tsx            | 4 ++--
 packages/ui/src/components/session-review.css | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index 517784356..f8538bb2a 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -2030,7 +2030,7 @@ export default function Page() {
                                 <Icon name="comment" size="small" style={{ color: "var(--white)" }} />
                               </button>
                               <Show when={openedComment() === comment.id}>
-                                <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha border border-border-base p-3">
+                                <div class="absolute top-[calc(100%+4px)] right-[-8px] z-40 min-w-[200px] max-w-[320px] rounded-[14px] bg-surface-raised-stronger-non-alpha shadow-lg-border-base p-3">
                                   <div class="flex flex-col gap-1.5">
                                     <div class="text-14-regular text-text-strong whitespace-pre-wrap">
                                       {comment.comment}
@@ -2081,7 +2081,7 @@ export default function Page() {
                                       }}
                                     />
                                     <div class="flex items-center gap-2">
-                                      <div class="text-12-medium text-text-weak ml-2">
+                                      <div class="text-12-medium text-text-weak ml-1">
                                         Commenting on {commentLabel(range())}
                                       </div>
                                       <div class="flex-1" />
diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css
index 7cb0cc8e6..51a49a611 100644
--- a/packages/ui/src/components/session-review.css
+++ b/packages/ui/src/components/session-review.css
@@ -84,7 +84,7 @@
     max-width: min(320px, calc(100vw - 48px));
     border-radius: 14px;
     background-color: var(--surface-raised-stronger-non-alpha);
-    border: 1px solid var(--border-base);
+    box-shadow: var(--shadow-lg-border-base);
     padding: 12px;
   }