Divide with a join group

[kimdre]

How can I apply a tailwind divide class with a daiysui join class?
When I try to use both, my second item has a border/gets smaller, which is not wanted and I don't know how to fix this.

My code looks like the following:

<div class="navbar-end">
  {% if request.user.is_authenticated %}
  <a class="btn" href="{% url 'account_logout' %}">Logout</a>
  {% else %}
  <div class="indicator">
    <div class="join divide-x-4 divide-gray-800">
      <a class="btn btn-primary join-item" href="{% url 'account_login' %}">Login</a>
      <a class="btn btn-primary join-item" href="{% url 'account_signup' %}">Signup</a>
    </div>
    <span class="indicator-item badge badge-secondary badge-xs"></span>
  </div>
  {% endif %}
</div>