DynamicScroller add vertical margin between items

I want to add a margin top of .25rem and a margin bottom of .25rem.

Before implementing vue-virtual-scroller, I was using my-1 (bootstrap 4).
After implementing the library, I added the my-1 class to DynamicScrollerItem but it isn't working (it's working on the first item to be correct).

I noticed that the margin value has to increment for each item to make it work (ex: first item 10px, second item 20px, third item 30px etc...).

I tried to change the transform: translateY value as well but every time a change occur it would reset to the original values.

I am using :min-item-height="51", I tried to increase it to 59 (4px top, 4px bottom) but it did not work. but if I use :item-height="59" it would work.

But I want to use the DynamicScroller because I am using my list component in multiple views and sometimes in the same list I have items with different heights.