Position sticky on UL element

<main class="ds-flex">
        <aside class="ds-flex" style="align-items: start; border: 1px solid blue;">
            <div style="position: sticky; top: 2em;">
                <img src="img/muday_logo.svg" alt="logo">
            </div>
            <nav style="position: sticky; top: 0;">
                <ul class="" style="position: sticky">
                    <li style="position: sticky; top: 0;"><a class="nav-list-link-active" href="/dashboard">Link 1</a></li>
                    <li ><a class="nav-link" href="/sms">Link 1</a></li>
                    <li><a class="nav-link" href="/smpp"  style="position: sticky; top: 0;">Link 1</a> </li>
                    <li><a class="nav-link" href="/subscription">Link 1</a></li>
                    <li><a class="nav-link" href="/whitelist">Link 1</a></li>
                    <li><a class="nav-link" href="/report">Link 1</a></li>
                    <li><a class="nav-link" href="/setting">Link 1</a></li>
                </ul>
            </nav>
        </aside>
        <div>
            <slot />
        </div>
</main>