chore: cleanup

packages/app/src/pages/layout/sidebar-items.tsx

@@ -166,7 +166,7 @@ const SessionHoverPreview = (props: {
       when={props.hoverReady()}
       fallback={<div class="text-12-regular text-text-weak">{props.language.t("session.messages.loading")}</div>}
     >
-      <div class="overflow-y-auto max-h-72 h-full">
+      <div class="overflow-y-auto overflow-x-hidden max-h-72 h-full">
         <MessageNav
           messages={props.hoverMessages() ?? []}
           current={undefined}

packages/ui/src/components/message-nav.css

@@ -108,6 +108,7 @@
   background: var(--surface-raised-stronger-non-alpha);
   max-height: calc(100vh - 6rem);
   overflow-y: auto;
+  overflow-x: hidden;
 
   /* border/shadow-xs/base */
   box-shadow: