data-popper-arrow does not inherit parent style

[jasoncox]

The data-popper-arrow element does not inherit the border style from its parent.

Here is an example of my implementation:

<div id="tooltip-error" class="absolute z-10 invisible inline-block max-w-sm px-3 py-2 text-xs font-normal text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700 dark:border dark:border-gray-500">
  <%= "Error: #{bucket.connection}" %>
  <div class="tooltip-arrow" data-popper-arrow></div>
</div>