Links within dropdown component on mobile have different padding than normal dropdown items

[florushj]

Overview of the problem

Buefy version: [0.8.17]

Description

Using the dropdown component with dropdown items with the has-link prop and viewing them on smaller screens (mobile) makes these links have a smaller padding around the link than normal dropdown items.

Steps to reproduce

<b-dropdown>
    <a slot="trigger" role="button" class="button is-primary">Click me</a>
    <b-dropdown-item has-link>
        <a href="https://google.com">Google (link)</a>
    </b-dropdown-item>
    <b-dropdown-item>Home</b-dropdown-item>
</b-dropdown>

See: https://codepen.io/florushj/pen/gOaevzm

Expected behavior

Both items have same padding on mobile.

Actual behavior

Dropdown items have bigger padding than 'has-link' items.

[jtommy]

Yes, you are right