Why do the colored box styles not apply correctly to an existing paragraph?

How do you go from this:

An example of the style
display all messed up
Why won't this stupid thing work?

To this:

An example of the style
display showing correctly
Ok, now it is working!

When applying a colored box style (ex. orangebox) to an existing paragraph that contains several lines of text, sometimes the style will be placed on each individual line and not to the entire paragraph. This happens because the system interprets the user selecting styles >> coloredbox from the drop down menu as meaning, "Hey, please put a box around each and every line." instead of the entire paragraph. Each line then places a box around the text and overlapping can occur.

To fix the issue, do the following:

Select the text that is not displaying correctly and use the eraser icon
Instead of highlighting the text and applying the style, click anywhere on the text that you want to change then click on the P from the path at the bottom of the body section (see example below)
This selects the entire paragraph both on the screen and in the code that is found behind the scenes.
Select Styles >> ColoredBox