Issue Summary

When adding a code block in Confluence, it displays the "font size" correctly and the same for the code added to the macro, when viewed in desktop and Confluence app.

However, this is not working and is displaying different Font sizes in the Mobile Browsers (Chrome, Safari, etc), when the code text on the line is bigger than the mobile screen can display in a single line in the code snippet/mobile browser, even if the users can scroll to the left and right to see the code.

Steps to Reproduce

1. Create a Confluence page
2. Add a code snippet macro
3. Add text, on a single line add a few words only e.g: Code test example
4. On a second line add a long text, e.g: "Code test for: Lorem ipsum dolor sit amet, consectetur adipiscing elit. "
5. Publish the page
6. Login into a mobile browser
7. Login into the Confluence App (iOS Confluence app for example)
8. Access the page in the mobile browser (chrome, safari)
9. Check the differences between app and mobile browser

Expected Results

The experience in the app, mobile browser and desktop are similar, font sizes does not vary

Actual Results

The long text is with a different font size, showing like a heading 3 in comparison to the text that fits the code snippet in the mobile browser version. Code blocks should not have varying font size or styling.

Workaround

Currently there is no known workaround for this behavior for the mobile browser. If possible, this can be seen as expected in the App version.