JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-2">
            <ul class="navbar-nav border-left">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                        ورود / ثبت نام
                    </a>
                    <div class="dropdown-menu border-danger text-right rounded-0 border-left-0 border-right-0 border-bottom-0">
                        <a class="btn btn-info" href="http://oxbir.ir">ورود به دیجی کالا</a>
                        <p>کاربر جدید هستید؟ <a href="#">ثبت</a></p>
                        <p><a href="#"><i class="fas fa-user"></i> پروفایل</a></p>
                        <p><a href="#"><i class="fas fa-shopping-bag"></i> پیگیری سفارش</a></p>
                    </div>
                </li>
            </ul>
        </div>