Horizontally scrollable unavoidable?

I am trying to print multiline text but it keeps creating a horizontally scrollable textbox as soon as it encounters a β€˜/n’. I want the text to wrap and fit in the width of the page. I have tried everything from st.text to st.markdown.

Streamlit Documentation

Live Example - Ticket Stream

Code Sample

import streamlit.components.v1 as components

text_variable = "DISPLAY SOME RESPONSIVE TEST........................................DISPLAY SOME RESPONSIVE TEST........................................"

components.html(f"<p>{text_variable}</p>")

Demo

Flex_Text