diff --git a/packages/app/src/pages/layout/sidebar-items.tsx b/packages/app/src/pages/layout/sidebar-items.tsx
index d55090370..194f75f81 100644
--- a/packages/app/src/pages/layout/sidebar-items.tsx
+++ b/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}
diff --git a/packages/ui/src/components/message-nav.css b/packages/ui/src/components/message-nav.css
index 79bfdc0b3..cab16dfdc 100644
--- a/packages/ui/src/components/message-nav.css
+++ b/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: