Table with dropdown

<table class="table table-hover">
    <thead class="table-active">
        <tr role="row">
            <th role="columnheader">Name</th>
            <th role="columnheader">Total words</th>
            <th role="columnheader">Languages</th>
            <th role="columnheader">Manual translations</th>
            <th role="columnheader"></th>
        </tr>
    </thead>
    <tbody>
        <tr tabindex="0">
            <td>
                <h3 class="d-inline-flex align-middle">Connect</h3>
                <br />
                <small class="text-muted">https://www.weglot-team-5.com</small>
            </td>
            <td>5</td>
            <td>2</td>
            <td>
                <span>
                    1 / 5
                    <span class="h3 text-primary float-end">20%</span>
                </span>
                <div class="progress mt-1">
                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" class="progress-bar" role="progressbar" style="width: 20%;"></div>
                </div>
            </td>
            <td class="text-end">
                <div class="dropdown">
                    <a aria-expanded="false" aria-label="Project's actions" class="actions-item dropdown-toggle dropdown-no-caret" data-bs-toggle="dropdown" role="button">
                        <i class="material-icons">more_vert</i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end">
                        <a class="dropdown-item" href="#">See</a>
                        <a class="dropdown-item" href="#" title="Delete project">Delete</a>
                        <a class="dropdown-item" href="#" title="Transfer project">Transfer</a>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>