Viewing knowledge base article from JSM portal (iframe) wraps text incorrectly making it unreadable

Issue Summary

Viewing knowledge base article from JSM portal (iframe) wraps text incorrectly making it unreadable.

This can be reproduced when putting text and pictures in separate columns (see Steps to reproduce for more details).

Steps to Reproduce

1. Create KB space integration between Jira Service Management and Confluence
2. Inside KB space in Confluence, create a page and put text and pictures in their own columns, as shown on the picture below:
   
3. Save the page
4. Search for KB articles on JSM customer portal > open the page in JSM portal (iframe)

Expected Results

The text and pictures are formatted nicely, in a similar way as in Confluence. There is no wrapping on letter level. If the wrapping around the picture cannot be made, then pictures are positioned above / below the text - example:

Actual Results

The text gets wrapped around pictures, as in a way that every letter ends up in a new row:

Workaround

• Put pictures and text in the same column, or
• Reduce the size of pictures on the page, so that total width in one row is around 600px (tested this locally, the exact number where the wrapping happens may differ depending on the total width of pictures ):