diff --git a/client/src/components/Sagi/PetPanel.tsx b/client/src/components/Sagi/PetPanel.tsx
index d0527640..3e2f0f49 100644
--- a/client/src/components/Sagi/PetPanel.tsx
+++ b/client/src/components/Sagi/PetPanel.tsx
@@ -32,7 +32,7 @@ export function PetPanel({
   const { t } = useTranslation("settings");
   return (
     <div
-      className="pet-chat flex max-h-[calc(100vh-6rem)] w-80 flex-col overflow-hidden rounded-3xl border border-border-light shadow-2xl animate-slide-up"
+      className="pet-chat flex max-h-[calc(100vh-6rem)] w-[22rem] max-w-[calc(100vw-2rem)] flex-col overflow-hidden rounded-3xl border border-border-light shadow-2xl animate-slide-up"
       role="dialog"
       aria-label={t("sagi.panel.label", { name })}
     >
@@ -54,7 +54,9 @@ export function PetPanel({
           <X size={16} />
         </button>
       </div>
-      <div className="overflow-y-auto">{info}</div>
+      {/* Vertical only: an auto overflow-y makes x scrollable too, and the
+          status chips' row then showed a horizontal scrollbar. */}
+      <div className="min-w-0 overflow-y-auto overflow-x-hidden">{info}</div>
     </div>
   );
 }