diff options
| -rw-r--r-- | packages/app/src/pages/session.tsx | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/session-review.css | 4 |
2 files changed, 3 insertions, 3 deletions
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} diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css index 41b9f8428..7cb0cc8e6 100644 --- a/packages/ui/src/components/session-review.css +++ b/packages/ui/src/components/session-review.css @@ -77,8 +77,8 @@ [data-slot="session-review-comment-popover-content"] { position: absolute; - top: 0; - right: calc(100% + 12px); + top: calc(100% + 4px); + right: -8px; z-index: 6; min-width: 200px; max-width: min(320px, calc(100vw - 48px)); |