I am trying to get more space available in b-dropdown-item. It seems that there is a button with allot of padding and i would like to remove it.

I have tried making a css class like this, but it did not solve the issue.

```
 .removePadding > button{
   padding: 0px;
 }

```

[![enter image description here](https://i.stack.imgur.com/aLxqC.png)](https://i.stack.imgur.com/aLxqC.png)

Any help would be appreciated, thanks in advance!

Edit

HTML

[![enter image description here](https://i.stack.imgur.com/ZX0cH.png)](https://i.stack.imgur.com/ZX0cH.png)

VUE HTML
[![enter image description here](https://i.stack.imgur.com/mT6k7.png)](https://i.stack.imgur.com/mT6k7.png)

I found a solution, change the property when mounting component.

```
fixPadding(id){
  var element = document.getElementById(id);

  element.style.padding = '0px'
},

```

Still would be nice if i could do with css