fix(app): hover-card scrolling

packages/app/src/pages/layout.tsx

@@ -1555,6 +1555,7 @@ export default function Layout(props: ParentProps) {
               when={hoverReady()}
               fallback={<div class="text-12-regular text-text-weak">{language.t("session.messages.loading")}</div>}
             >
+              <div class="overflow-y-auto max-h-72 h-full">
                 <MessageNav
                   messages={hoverMessages() ?? []}
                   current={undefined}
@@ -1571,6 +1572,7 @@ export default function Layout(props: ParentProps) {
                   size="normal"
                   class="w-60"
                 />
+              </div>
             </Show>
           </HoverCard>
         </Show>

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

@@ -34,7 +34,7 @@
   [data-slot="hover-card-body"] {
     padding: 4px;
     max-height: inherit;
-    overflow-y: auto;
+    overflow: hidden;
   }
 }