From 0a9f51f87fcccd92a2f64e00e1bea231558ff774 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 05:15:18 +0000
Subject: fix(ui): position read-only comment popover below icon with 4px
 gutter

---
 packages/app/src/pages/session.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/app/src')

diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index a5cafa395..046e01c6e 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-0 right-[calc(100%+12px)] 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 border border-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}
-- 
cgit v1.2.3