Menu - If the text is so long they get cut off and don't look complete.

[catherinekennedy]

I'm using NG-Zorro in an Angular project and I have a problem with the submenu texts, and if they're too long they get cut off and don't look complete.

I've tried forcing the CSS but I can't get the full text to display.

Any idea how to fix it?

<ul nz-menu nzMode="horizontal">
    <li nz-submenu nzTitle="Submenu" nzIcon="audit">
        <ul>
            <li nz-menu-item>OPTION OPTION OPTION OPTION OPTION</li>
            <li nz-menu-item>OPTION OPTION OPTION OPTION OPTION</li>
            <li nz-menu-item>OPTION OPTION OPTION OPTION OPTION</li>
            <li nz-menu-item>OPTION OPTION OPTION OPTION OPTION</li>
            <li nz-menu-item>OPTION OPTION OPTION OPTION OPTION</li>
        </ul>
    </li>
</ul>

[PishoLu]

add width: fit-content to .ant-menu