VCardText dosen't wrap big block of text

[HametAl]

Hi there,

I have a big text and I am using the following code, but VCardText doesn't wrap the text:

with SinglePageWithDrawerLayout(server) as layout:
    with layout.content: 
        with v3.VDialog(v_model=("licence", False), persistent=False, fullscreen=True, classes="d-flex"):
            with v3.VToolbar(flat=True, tile=True, color="#009688", density="prominent"):
                with v3.VContainer(classes="d-flex align-center align-self-center justify-start ma-0 pa-0"):
                    v3.VIcon("mdi-information-outline", classes="mx-2 fill-height self-align-end")
                    v3.VToolbarTitle(text="Terms & Conditions", classes="font-weight-bold mx-0 align-center")
                with v3.VContainer(classes="d-flex align-top align-self-top justify-end ma-0 pa-0"):
                    v3.VBtn(icon = "mdi-close",click="licence=False")
            with v3.VCard():
                v3.VCardText(text=html.Pre("{{licence_text}}"), style="overflow-wrap: break-word;")  # here VCardTex doesn't wrap the text. I tried different styles for text wrapping with no success

I can't figure out what I am doing wrong.

[jourdain]

html.Pre() is to prevent any wrapping or formatting.

v3.VCardText("{{licence_text}}")