[Vuejs]-Text doesn't break in special case

2👍

✅

The class .header-frame is adding the css:

.header-frame {
  white-space: nowrap;
}

This is the reason for which the text does not break when inside the header.

Try adding

white-space: pre-wrap;

white-space: initial;

2👍

You could add the following style rule :

white-space: pre-wrap;

in :

<p slot="modal-paragraph" style="border-style: solid;whitespace:pre-wrap">

2👍

Try to remove :

white-space: nowrap;

from header-frame class