What should I do to make the badge wrap all the text?

[jvsdurso-pixaflow]

I've tried adding text-wrap and changed the overflow parameter but nothing seems to work. Any ideias on this?

<Header className="text-wrap overflow-hidden overflow-ellipsis whitespace-nowrap mb-0"
                title={course?.titulo ?? "Aguarde..."}
                subtitle={modulo?.titulo ?? ""}
 />
 

<div>
          <h1 className={`text-wrap font-bold text-2xl ${className}`}>{title}</h1>
          {subtitle && (
            <div className="badge badge-ghost mt-3">
              <h2 className={`font-normal text-sm ${className}`}>{subtitle}</h2>
            </div>
          )}
</div>

[saadeghi]

Well, that text doesn't fit in that space, whether if it's badge or not.
You can use Tailwind CSS utility class truncate to cut the string like this:
https://play.tailwindcss.com/cWsFinffS5

Let me know if you have a question.