Links: Desktop Nav

<div class="rounded-md lg:ml-6 flex flex-row items-center">
    <ul class="flex flex-row items-center">
        <li>
            <a href="#" class="bg-tertiary-100 rounded-md text-tertiary-700 hover:text-tertiary-500 hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Tickets
            </a>
        </li>

        <li class="relative">
            <a href="#" class=" hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Projects
            </a>
        </li>

        <li class="relative">
            <a href="#" class=" hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Clients
            </a>
        </li>

        <li>
            <a href="#" class=" hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Timesheets
            </a>
        </li>

        <li>
            <a href="#" class=" hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Reports
            </a>
        </li>

        <li>
            <a href="#" class=" hover:text-tertiary-700 text-sm text-tertiary-700 px-mdSpace py-smSpace lg:px-smSpace lg:py-xsSpace font-semibold inline-flex items-center border-b-2 border-transparent">
                Invoices
            </a>
        </li>
    </ul>
</div>