From cf284e32aaab6e9b29d8bf919cdf5f13d95c5a8d Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 20 Jan 2026 00:21:11 +0000
Subject: [PATCH] update session hover popover styling

---
 packages/app/src/pages/layout.tsx          | 2 +-
 packages/ui/src/components/hover-card.css  | 2 +-
 packages/ui/src/components/message-nav.css | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
index e0cc38b9a..0ef608a4a 100644
--- a/packages/app/src/pages/layout.tsx
+++ b/packages/app/src/pages/layout.tsx
@@ -1421,7 +1421,7 @@ export default function Layout(props: ParentProps) {
             </Tooltip>
           }
         >
-          <HoverCard openDelay={150} closeDelay={100} placement="right" gutter={12} trigger={item}>
+          <HoverCard openDelay={150} closeDelay={100} placement="right" gutter={16} trigger={item}>
             <Show when={hoverReady()} fallback={<div class="text-12-regular text-text-weak">Loading messages…</div>}>
               <MessageNav
                 messages={hoverMessages() ?? []}
diff --git a/packages/ui/src/components/hover-card.css b/packages/ui/src/components/hover-card.css
index f1172dfc7..77f652360 100644
--- a/packages/ui/src/components/hover-card.css
+++ b/packages/ui/src/components/hover-card.css
@@ -31,7 +31,7 @@
   }
 
   [data-slot="hover-card-body"] {
-    padding: 12px;
+    padding: 4px;
   }
 }
 
diff --git a/packages/ui/src/components/message-nav.css b/packages/ui/src/components/message-nav.css
index 9c2116b90..b1454ad42 100644
--- a/packages/ui/src/components/message-nav.css
+++ b/packages/ui/src/components/message-nav.css
@@ -72,7 +72,7 @@
 
 [data-slot="message-nav-title-preview"] {
   font-size: 14px; /* text-14-regular */
-  color: var(--text-weak);
+  color: var(--text-base);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;