treeview not aling correct

not aling correct

i use this example

<div class="treeview w-20 border">
<h6 class="pt-3 pl-3">Folders</h6>
<hr>
<ul class="mb-1 pl-3 pb-2">
    <li>
        <i class="fas fa-angle-right rotate"></i>
        <span><i class="far fa-envelope-open ic-w mx-1"></i>Mail</span>
        <ul class="nested">
            <li><i class="far fa-bell ic-w mr-1"></i>Offers</li>
            <li><i class="far fa-address-book ic-w mr-1"></i>Contacts</li>
            <li>
                <i class="fas fa-angle-right rotate"></i>
                <span><i class="far fa-calendar-alt ic-w mx-1"></i>Calendar</span>
                <ul class="nested">
                    <li><i class="far fa-clock ic-w mr-1"></i>Deadlines</li>
                    <li><i class="fas fa-users ic-w mr-1"></i>Meetings</li>
                    <li><i class="fas fa-basketball-ball ic-w mr-1"></i>Workouts</li>
                    <li><i class="fas fa-mug-hot ic-w mr-1"></i>Events</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <i class="fas fa-angle-right rotate"></i>
        <span><i class="far fa-folder-open ic-w mx-1"></i>Inbox</span>
        <ul class="nested">
            <li><i class="far fa-folder-open ic-w mr-1"></i>Admin</li>
            <li><i class="far fa-folder-open ic-w mr-1"></i>Corporate</li>
            <li><i class="far fa-folder-open ic-w mr-1"></i>Finance</li>
            <li><i class="far fa-folder-open ic-w mr-1"></i>Other</li>
        </ul>
    </li>
    <li>
        <i class="fas fa-angle-right rotate"></i>
        <span><i class="far fa-gem ic-w mx-1"></i>Favourites</span>
        <ul class="nested">
            <li><i class="fas fa-pepper-hot ic-w mr-1"></i>Restaurants</li>
            <li><i class="far fa-eye ic-w mr-1"></i>Places</li>
            <li><i class="fas fa-gamepad ic-w mr-1"></i>Games</li>
            <li><i class="fas fa-cocktail ic-w mr-1"></i>Coctails</li>
            <li><i class="fas fa-pizza-slice ic-w mr-1"></i>Food</li>
        </ul>
    </li>
    <li><i class="far fa-comment ic-w mr-1"></i>Notes</li>
    <li><i class="fas fa-cogs ic-w mr-1"></i>Settings</li>
    <li><i class="fas fa-desktop ic-w mr-1"></i>Devices</li>
    <li><i class="fas fa-trash-alt ic-w mr-1"></i>Deleted Items</li>
</ul>

    $(document).ready(function () {
        $('.treeview').mdbTreeview();
    })