Found a solution that works. Here’s the details in case someone else runs into the same issue.
Set the box with the text that should break to grow and gave it a maximum size and a minimum size. The maximum size keeps the box from stretching all the way to the right side of the area and the minimum size keeps the text from breaking to three lines. Then added a new div to act as a spacer which was set as flex and grow with a max width set to 15%. Took some trial and error to find a good value for the spacer max width.
The jpeg shows it working. I made the spacer red so it’s visible but it’s transparent in the actual version.
