diff --git a/packages/core/theme/src/components/toast.ts b/packages/core/theme/src/components/toast.ts index 243c2f8b94..4bfef5734e 100644 --- a/packages/core/theme/src/components/toast.ts +++ b/packages/core/theme/src/components/toast.ts @@ -73,12 +73,12 @@ const toast = tv({ "will-change-transform", "backface-visibility-hidden", ], - wrapper: ["flex flex-col gap-y-0"], - title: ["text-sm", "me-4", "font-medium", "text-foreground"], - description: ["text-sm", "me-4", "text-default-500"], + wrapper: ["flex flex-col gap-y-0", "min-w-0 flex-1"], + title: ["text-sm", "me-4", "font-medium", "text-foreground", "truncate"], + description: ["text-sm", "me-4", "text-default-500", "truncate"], icon: ["w-6 h-6 flex-none fill-current"], loadingComponent: ["w-6 h-6 flex-none fill-current"], - content: ["flex flex-grow flex-row gap-x-4 items-center relative"], + content: ["flex flex-grow flex-row gap-x-4 items-center relative", "min-w-0"], progressTrack: ["absolute inset-0 pointer-events-none bg-transparent overflow-hidden"], progressIndicator: ["h-full bg-default-400 opacity-20"], motionDiv: [