Issue Summary

When users browses in some environment, "Help and instructions" section breaks the layout in the portal.
In "Help and instructions" section in portal, the element word-wrap: break-word; in CSS is configured, but sometimes breaking the layout.

`word-wrap: break-word;` 

Steps to Reproduce

Browser: Mac Google Chrome 89.0.4389.90（Official Build） （x86_64）
JSM: Jira Service Management 4.13.4

Step 1

Configure "Help and instructions" in the portal with the following sentence

JiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDesk JiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDeskJiraServiceDesk

Step 2

Browse portal.

When changed browser's windows size, sometimes fixed.

• width: 800px(Bad)
  • 
• width: 750px(Good)
  • 

Expected Results

• The element `break word` in CSS works correctly without breaking the layout in the portal.

Actual Results

• Sometimes "Help and instructions" section breaks the layout in the portal.

Workaround

• Change browser window size
• Change the sentence in "Help and instructions", and avoid using long words.