update session hover popover styling

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() ?? []}

packages/ui/src/components/hover-card.css

@@ -31,7 +31,7 @@
   }
 
   [data-slot="hover-card-body"] {
-    padding: 12px;
+    padding: 4px;
   }
 }
 

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;