✨

sparkle/src/components/Notification.tsx

@@ -28,7 +28,7 @@ export function Notification({
   return (
     <div
       className={classNames(
-        "s-pointer-events-auto s-flex s-max-w-[320px] s-flex-row s-items-center s-gap-2 s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl",
+        "s-pointer-events-auto s-flex s-max-w-[400px] s-flex-row s-items-center s-gap-2 s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl",
         className
       )}
     >

sparkle/src/stories/Notification.stories.tsx

@@ -29,7 +29,7 @@ export const DropdownExample = () => {
         </div>
         <Notification
           title="Failure with a very long title clamped on one line."
-          description="This is a very long failure notification with some messy content. Hopefully it should be truncated in the UI after 3 very long lines!"
+          description='Got: {"error":{"type":"invalid_request_error","message":"Invalid request body: Expecting string at name but instead got: undefined"}}'
           variant="error"
         />
       </div>